Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

RafaxZZ

Como desabilitar o submit do formulario com jquery

Recommended Posts

então pessoal achei uma função que verifica se o email ja existe no banco . tipo ela esta verificando mais na hora de gravar ela esta passando mesmo assim e eu n sei fazer parar se caso o retorno no banco foi positivo.

 

 

Script

<script type="text/javascript">
       $(function(){ // declaro o início do jquery
              // $("input[name='verificar']").click( function(){//botão para disparar a ação
  				 $("input[name='USU_EMAIL']").blur( function(){  
                       var USU_EMAIL = $("input[name='USU_EMAIL']").val();
                       //alert(nomeUsuario);

                       $.post('receber.php',{USU_EMAIL: USU_EMAIL},function(data){
                             $('#resultado').html(data);//onde vou escrever o resultado

                       });
               });
       });// fim do jquery
       </script>

[size="3"]Codigo PHP[/size]

<?php
mysql_connect("localhost","root" ,"");
 mysql_select_db("db_carro");

$email = $_POST['USU_EMAIL'];

$sql = "SELECT USU_EMAIL FROM tbl_usuario WHERE USU_EMAIL = '".$email."'";	
$resultado  = mysql_query($sql);
$linha      = mysql_fetch_assoc($resultado);//Monta o array
$retorno    = mysql_num_rows ($resultado); //Verifica se encontrou algo
if($retorno == 1){ //Se o retorno for maior que 0 (Zero), significa que o CPF a ser cadastrado já existe, pois na SQL excutada foi encontrado um igual
echo "E-mail já existe, por favor informe outro";
}
else{
//mensagem retornada
// echo "0 E-mail disponivel";
}
?>

Compartilhar este post


Link para o post
Compartilhar em outros sites

você pode fazer o seguinte:

 

 

$('#resultado').html(data);//onde vou escrever o resultado

if( data=='E-mail já existe, por favor informe outro' )
  jQuery('form#id_do_form').submit(function(){ return false; });
else
  jQuery('form#id_do_form').submit(function(){ return true; });

com esse return false você desabilita o submit do form.

Compartilhar este post


Link para o post
Compartilhar em outros sites

FICOU ASSIM SO QUE AINDA ESTA PASSANDO.

<script type="text/javascript">
       $(function(){ // declaro o início do jquery
              // $("input[name='verificar']").click( function(){//botão para disparar a ação
  				 $("input[name='USU_EMAIL']").blur( function(){  
                       var USU_EMAIL = $("input[name='USU_EMAIL']").val();
                       //alert(nomeUsuario);

                       $.post('receber.php',{USU_EMAIL: USU_EMAIL},function(data){
                               $('#resultado').html(data);//onde vou escrever o resultado
							if( data=='E-mail já existe, por favor informe outro' )
						  jQuery('form#form1').submit(function(){ return false; }); // COLOQUEI FORM1 POQ E ID DO MEU FORM
						else
  						jQuery('form#form1').submit(function(){ return true; })
                       });
               });
       });// fim do jquery
       </script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

tem algum outro código javascript atrelado ao teu formulário ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

No caso ficou assim agora , so que ainda sim passou

 

<script type="text/javascript">
       $(function(){ // declaro o início do jquery
              // $("input[name='verificar']").click( function(){//botão para disparar a ação
                                $("input[name='USU_EMAIL']").blur( function(){  
                       var USU_EMAIL = $("input[name='USU_EMAIL']").val();
                       //alert(nomeUsuario);

                       $.post('receber.php',{USU_EMAIL: USU_EMAIL},function(data){
                               $('#resultado').html(data);//onde vou escrever o resultado
                                        jQuery('form1').submit(function(e){
      									 e = e || window.event;
      									 e.preventDefault();
});
                       });
               });
       });// fim do jquery
       </script>

 

A William tem simm no caso seria o jquery validate .. q e pra validar alguns campos de CPF e deixar obrigatorio outros campos em si e so

Compartilhar este post


Link para o post
Compartilhar em outros sites

FORMULARIO COM O SCRIPT E TAL:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>NET SPORTS</title>
<link href="../util/stylee.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../util/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../util/funcoes jquery/jquery.validate.js"></script>

<script type="text/javascript">
// QUANDO O DOCUMENTO ESTIVER PRONTO
$(document).ready(function(){
  // CONFIGURA A VALIDACAO DO FORMULARIO
  $("#form1").validate({
     rules: {
	    USU_CONFIRMA_SENHA:{required: true,   equalTo: "#USU_SENHA"},
	    USU_SENHA:{required: true, minlength:6},
	    USU_EMAIL:{required: true, email:true},
	    USU_NIVEL: {required: true},
	  	USU_LOGIN: {required: true, minlength:6},
		USU_NOME: {required: true},
     },
     messages: {
	    USU_NOME: {required: 'Informe o  nome '},
		USU_CONFIRMA_SENHA: {required: 'confirme sua senha', equalTo: "O campo confirmação de senha deve ser identico ao campo senha"},
		USU_SENHA: {required: 'Informe sua senha', minlength:'A senha precisa ter 6 digitos a 14 digitos'},
		USU_EMAIL: {required: 'Informe o  email' , email:'Formato incorreto'},
		USU_NIVEL: {required: 'Informe o  nivel'},
	  	USU_LOGIN: {required: 'Informe o  um login', minlength:'O login precisa ter 6 digitos a 14 digitos'},
     }
     ,submitHandler:function(form) {
	form.submit();
     }
  });
});


</script>
<script type="text/javascript">
       $(function(){ // declaro o início do jquery
              // $("input[name='verificar']").click( function(){//botão para disparar a ação
                                $("input[name='USU_EMAIL']").blur( function(){  
                       var USU_EMAIL = $("input[name='USU_EMAIL']").val();
                       //alert(nomeUsuario);

                       $.post('receber.php',{USU_EMAIL: USU_EMAIL},function(data){
                               $('#resultado').html(data);//onde vou escrever o resultado
                                        jQuery('form1').submit(function(e){
      									 e = e || window.event;
      									 e.preventDefault();
});
                       });
               });
       });// fim do jquery
       </script>
</head>

<body>
<div id="formulario">
<form id="form1" name="form1" method="post" action="index.php"  enctype="multipart/form-data">
<div id="resultado"></div>
 <table>
   <tr>
     <th colspan="2" scope="col">Manutenção de usuários</th>
   </tr>
   <tr>
     <td width="39" ><strong>NOME:</strong></td>
     <td width="405" ><label>
       <input type="text" name="USU_NOME" id="USU_NOME" value="<?php  echo $oquefazer->registro->USU_NOME;?>" maxlength="250" size="50" />
     </label></td>
   </tr>
    <tr>
     <td width="39" ><strong>EMAIL:</strong></td>
     <td width="405" ><label>
       <input type="text" name="USU_EMAIL" id="USU_EMAIL" value="<?php  echo $oquefazer->registro->USU_EMAIL;?>" maxlength="250" size="50"  />
     </label></td>
   </tr>
   <tr>
     <td width="39" ><strong>FOTO:</strong></td>
     <td width="405" ><label>
       <input type="text" name="USU_FOTO" id="USU_FOTO" value="<?php  echo $oquefazer->registro->USU_FOTO;?>" />
     </label></td>
   </tr>
    </tr>
   <tr>
     <td width="39" ><strong>LOGIN:</strong></td>
     <td width="405" ><label>
       <input type="text" name="USU_LOGIN" id="USU_LOGIN" value="<?php  echo $oquefazer->registro->USU_LOGIN;?>" maxlength="14" size="20"  />
     </label></td>
   </tr>
    </tr>
   <tr>
     <td width="39" ><strong>SENHA:</strong></td>
     <td width="405" ><label>
       <input type="password" name="USU_SENHA" id="USU_SENHA" value="<?php  echo $oquefazer->registro->USU_SENHA;?>" maxlength="12" size="20"  />
     </label></td>
   </tr>
   <tr>
     <td width="39" ><strong>CONFIRMA SENHA:</strong></td>
     <td width="405" ><label>
       <input type="password" name="USU_CONFIRMA_SENHA" id="USU_CONFIRMA_SENHA" value="<?php  echo $oquefazer->registro->USU_CONFIRMA_SENHA;?>" maxlength="12" size="20"  />
     </label></td>
   </tr>
    <tr>
     <td width="39" ><strong>NÍVEL:</strong></td>
     <td width="405" ><label>
      <select name="USU_NIVEL" id="USU_NIVEL" >
       <?php
	$nivel1 ='';
	$nivel2 ='';
	$nivel3 ='';

	switch ($oquefazer->registro->USU_NIVEL)
	{
	case 'ADMINISTRADOR':$nivel1='selected';break;
	case 'USUÁRIO':$nivel2='selected';break;

	}
	?>
    	  <option></option>
         <option value="ADMINISTRADOR" <?php echo $nivel1;?>>ADMINISTRADOR</option>
         <option value="USUÁRIO"<?php  echo $nivel2;?>>USUÁRIO</option>

       </select>
     </label></td>
   </tr>
   <tr>
     <td colspan="2" class="rodape">

       <?php
	if($oquefazer->registro->USU_CODIGO)
	{
	?>
         <input type="submit" name="Submit" id="button" value="Alterar" class="button_alterar" />

         <?php } 
	  else
	  {
		  ?>

	      <input type="reset" name="Reset" id="button1" value="Limpar"  class="button_limpar"/>
        <input type="submit" name="Submit" id="button" value="Salvar" class="button" />

       <?php } ?>

       <input type="hidden" name="tabela" value="tbl_usuario" />
       <input type="hidden" name="acao"   value= "<?php echo'gravar_'.$acao; ?>"/>
     <input type="hidden" name="codigo" value= "<?php  echo $oquefazer->registro->USU_CODIGO;?>" /></td>
   </tr>
 </table>
</form>
</div>
</body>
</html>

 

Então dei uma mexida mais de nada adiantou , n entendo ele ve q ja existe no banco mais na hora do submit ele deixa passa mesmo assim

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.