Submits e Javascript

6 respostas
MarcosOLIVEIRA

A pessoal criei um form onde posso salvar ou pesquisar um cliente cadastrado

quero que tenho dois botoes e que cada um teho uma açao difernete

o problema e que nao consigo executar o JS no onclick do botao!!
me ajudem!!! tenho certeza que e uma besteira mas noa consigo resolve!!

tai um recotre do codigo

function pesquisar(){
		
				ajaxFunction();
				alert("pesqueisar ajax");
				var nome = document.form1.nome.value;
				var codigo = document.form1.codigo.value;
	    		xmlhttp.open("POST","http://localhost:8080/SIMDECON/pesquisar");//para teste mantive parametro estatico
	    		
	    		xmlhttp.onreadystatechange = function(){//funçao que recebe resposta do servidor com lat e long
		
					if(xmlhttp.readyState == 4){
				    			
					    	    var stringpesquisa = xmlhttp.responseText;
									for(int i = 0; i<7; i++){
										switch (i){
											case 0: document.form1.codigo.value = stringpesquisa.substring(0, stringpesquisa.indexOf("!")); break;
											case 1: document.form1.nome.value = stringpesquisa.substring(0, stringpesquisa.indexOf("!")); break;
											case 2: document.form1.cpf.value = stringpesquisa.substring(0, stringpesquisa.indexOf("!"));  break;
											case 4:	document.form1.presidio.value = stringpesquisa.substring(0, stringpesquisa.indexOf("!")); break;
											case 5: document.form1.endereço.value = stringpesquisa.substring(0, stringpesquisa.indexOf("!"));  break;
											case 6: document.form1.uf.value = stringpesquisa.substring(0, stringpesquisa.indexOf("!"));  break;
									}
									
								}
							}
						}  
		 	 
	}

	
	</script>
</head>
<body>
<div id="Formulario">
			  <form action="http://localhost:8080/SIMDECON/Cadastro.java" method="post" id="form1" name="form1" >
				  		
					Codigo <input type="text" name="codigo" size="4" />
					
					Nome <input type="text" name="nome" size="52" onchange="javascript:pesquisar()"/>
					<br />
					<br />
					Endereço <input type="text" name="endereço" size="66" />
					<br />
					<br />
					Presídio <input type="text" name="presidio" size="68" />
					<br />
					<br />
					CPF <input type="text" name="cpf" size="72" />
					<br />
					<br />
					UF <select name="UF" size="1">
						<option value="0">AC</option> 
						<option value="1">AL</option>
						<option value="2">AP</option> 
						<option value="3">AM</option> 
						<option value="4">BA</option> 
						<option value="5">CE</option> 
						<option value="6">DF</option> 
						<option value="7">ES</option> 
						<option value="8">GO</option> 
						<option value="9">MA</option> 
						<option value="10">MT</option>
						<option value="11">MS</option> 
						<option value="12">MG</option> 
						<option value="13">PA</option> 
						<option value="14">PB</option> 
						<option value="15">PR</option> 
						<option value="16">PE</option>
						<option value="17">PI</option> 
						<option value="18">RJ</option> 
						<option value="19">RN</option> 
						<option value="20">RS</option> 
						<option value="22">RO</option> 
						<option value="23">RR</option> 
						<option value="25">SC</option>
						<option value="26">SP</option> 
						<option value="27">SE</option> 
						<option value="28">TO</option> 
						 
						</select>   
					<br />
					<br />
					<input type="submit" name="Salvar" value="Salvar" />  
                  </form>
                  <input type="submit" name="pesquisar" value="Pesquisar" onclick="javascript:pesquisar()"/>
                  </div>

6 Respostas

L

Ola Marcos, vc tem duas opção alterar o type do input

<input type=“button” name=“pesquisar” value=“Pesquisar” onclick=“javascript:pesquisar()”/>

ou deixar da mesma forma porem retornando false para onclick

<input type=“submit” name=“pesquisar” value=“Pesquisar” onclick=“javascript:pesquisar(); return false;”/>

ou assim

<input type=“submit” name=“pesquisar” value=“Pesquisar” onclick=“javascript:return pesquisar();”/>
porem desta forma sua função tem que retornar false.

MarcosOLIVEIRA

Cara nao funcionou!

tentei das tres maneira que voce disse mas nunhuma funcionou.
tentei ate colocar o javascript no action do form mas nem la ta chamando a funçao…

num sei masi oque fazer…

MarcosOLIVEIRA

Cara nao funcionou!

tentei das tres maneira que voce disse mas nunhuma funcionou.
tentei ate colocar o javascript no action do form mas nem la ta chamando a funçao…

num sei masi oque fazer…

MarcosOLIVEIRA

Alguem ajuda aew???

to ficando doido com esse negocio!!
talvez alquem tenha uam soluçao para colocar dois botoes em um form com funçoes diferentes!!

Marco_A_Caetano

Marco_A_Caetano

PORÉM como é de tipo submit, ele irá dar um submit na página ao mesmo tempo que sua função for executada, e não acho que seja isso que queira…
dependendo de sua idéia, tenta usar button mesmo, não adianta nem retornar false na função pois até ela chegar na pilha de processos até o return false (após executar o ajax “demorado”) o submit já foi executado e você perderá a funcionalidade da função.

Criado 25 de agosto de 2009
Ultima resposta 26 de ago. de 2009
Respostas 6
Participantes 3