Submit form with jQuery.Validation

1

I want to create a method similar to the required of jQuery.Validate just to check whether the field was filled or not.

Because the form is very large and can not be filled at once then the user will save and then edit it again so with this method he can know what is missing or not.

I created a method that gave "valid" validation but it does not let the form submit. What can I do?

    
asked by anonymous 27.11.2014 / 22:47

1 answer

1

If you're using a javascript function, you've probably done something like this:

 <form onsubmit="return validateForm()" method="post">

 function validateForm() {
     // logica para validar formulario
     if( ... )
     {
         return true;
     }
     return false;
 }

In this build you need to return a true to submit the form. If your function is broken, you may not return either true or false , which would not return the form. Before returning, put a alert to check the result and make sure there are no holes in the script.

If you are writing with jquery validation pluggin, you need to assemble the objects correctly. Certainly the function already does this return correctly for you.

One way to build manually would be:

// pode ser a forma abaixo, que já caiu em desuso, ou a mais atual ainda abaixo
//$( "#idDoFormulario" ).submit(function( event ) {
$( "#idDoFormulario" ).on("submit", function( event ) {

   // a função é chamada antes de enviar,
   //então você irá ver a mensagem antes de ir pro servidor
   alert( "Antes de enviar foi chamado." );

   // você pode usar alguma destas maneiras abaixo para impedir o envio
   event.preventDefault(); // impede a ação padrão, que é enviar o formulário
   return false; // também impede 

   // se você não retornar nada ou um true, o formulário é enviado
});
    
30.11.2014 / 19:14