JQuery

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>

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

  • Olá.

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

    Agradeço.

    Resposta
    • 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
  • Boa tarde, estou utilizando essa função para não da refresh na pagina e carregar o conteúdo.
    Gostaria de saber se é possível habilitar novamente o submit?

    Resposta

Deixe um comentário

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