JQuery: Desabilitando o submit no envio dos dados (form)

No exemplo abaixo, ao clicar no botão “Enviar”, nenhuma ação será executada.

Isso acontece quando se usa return false.

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  /*desabilita o submit do form*/
  $("#formDados").submit(function(){
    return false; 
  });
});
</script>
</head>
<body>
   <form id="formDados" action="pagina.php" method="post">
   <input type="text" name="nome" />
   <input type="submit" value="Enviar" />
</form>
</body>
</html>

2 comentários em “JQuery: Desabilitando o submit no envio dos dados (form)

  • 2 de junho de 2015 em 15:02
    Permalink

    Olá.

    Qual é a vantagem de Desabilitando o submit no envio dos dados (form)?

    Agradeço.

    Resposta
    • 2 de junho de 2015 em 16:27
      Permalink

      Olá Hercules.

      Desabilitar o submit, previne o usuário de enviar os dados pressionando o ENTER, por exemplo.

      É utilizado também quando queremos enviar os dados via $.ajax, $.get, $.post…

      Resposta

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *