soumettre le formulaire, après validation jquery

J'ai de la forme suivante:

<form id="form" action="comments.php" method="post">
  <ul>
    <li><div class="formbox_titles">Name</div><input type="text" name="name" class="required comm_input" /></li>
    <li><div class="formbox_titles">Email</div><input type="text" name="email" class="required comm_input"/></li>
    <li><div class="formbox_titles">Message</div><textarea name="message" class="required comm_text"></textarea></li>
    <li><input type="submit" value="Submit"></li>
  </ul>
</form>

et à la suite de JQuery pour l'envoi du formulaire:

target: '#preview', 
  success: function() { 
  $('#formbox').slideUp('fast'); 
}

Maintenant, le problème est que j'ai aussi de la validation du formulaire JQuery code

$().ready(function() {
    //validate comment form
    $("#form").validate({ 
    });
});

Deux d'entre eux fonctionnent bien et la forme ne popup d'avertissement que tous les trois champs ne peut pas être vide, mais la date à l'intérieur de formulaire est envoyé dans la base de toute façon. Im en utilisant code suivant pour la validation d'un formulaire http://bassistance.de/jquery-plugins/jquery-plugin-validation/ Donc, la question est de savoir comment ajouter de la première jquery à l'intérieur de seconde, première sera exécutée une fois les champs obligatoires sont remplis?

Espère que quelqu'un va nous aider. Merci.

OriginalL'auteur DigitalWhirl LLC | 2011-12-26

13

Si vous souhaitez soumettre le formulaire manuellement, vous devez contourner jQuery lié événement. Vous pouvez le faire dans l'une de ces façons:
```
$('#form_id')[0].submit();
```
ou
```
$('#form_id').get(0).submit();
```
[0] ou get(0) vous donne l'objet DOM au lieu de l'objet jQuery.

Merci pour cette... Est à la recherche de ce que j'ai un événement lié à l'envoi du formulaire, mais avant j'ai fait envoyer le formulaire que j'ai à faire une requête AJAX et si la condition est vrai que j'ai envoyer le formulaire et là, j'ai besoin de le contourner. +1

OriginalL'auteur Francisco Goldenstein
11

À partir de votre exemple, je ne suis pas clair sur le contrôle des flux de votre page, cependant, je suis en supposant que vous appelez la submit() méthode quelque part. Après avoir validé le formulaire, et avant de vous le soumettre, vérifier la validation avec le valid() méthode. Votre code devrait ressembler à quelque chose comme ceci:
```
$("#form").validate();
if ($('#form').valid())
    $('#form').submit();
```
OriginalL'auteur Abbas
4

Je ne sais rien au sujet de votre validation de plugin, mais normalement u pourrait utiliser cette paix de code
```
<script>

    $("form").submit(function() {
      if (validationIsTrue()) {
        return true;
      }
      else {
        return false;
      }
    });
</script>
```
Vous avez à faire votre validation, puis retourner la valeur true /false pour le soumettre fonction de la forme. Si le plugin n'retourner une valeur booléenne, vous pouvez essayer quelque chose comme ceci:
```
$("form").submit(function() {
   return $(this).validate({ .... });
});
```
OriginalL'auteur Grrbrr404
2

Quand vous dites que la "date à l'intérieur de formulaire est soumis" qui n'a aucun sens pour moi, parce que dans vos extraits de code, je vois rien qui s'appelle "date".

J'ai utilisé le .valider() du plugin largement...
Ce que je peux vous dire que peut aider, c'est que le fait de valider le plugin que vous utilisez dispose d'un submitHandler fonction que vous pouvez utiliser...
```
//validate comment form
$("#form").validate({
submitHandler : function(form) {
    //do something here
    form.submit();
}
});
```
La submitHandler est appelée uniquement si toutes les règles de validation sont remplies. À savoir, dans votre cas, vous avez trois champs avec "nécessaire", ce qui signifie que ce formulaire ne seront PAS soumis, à moins que tous les trois champs ont une valeur.

Avec ça, je peux vous assurer que les renseignements fournis il n'y a rien pour indiquer le problème que vous décrivez. Fournissant plus d'informations de meilleure qualité et nous aidera à comprendre quel est le problème.

OriginalL'auteur kasdega

Vous pouvez utiliser submitHandler de JQuery formulaire de valider plugin

<script type="text/javascript" src="resources/jquery.min.js" ></script> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script type='text/javascript'>
$(document).ready(function() {
$(".form").validate({
rules: {
userName: {
required: true
},
password: {
required: true
}
},
messages: {
userName: {
required: "specify userName"
},
password: {
required: "specify password"
}
},
errorClass: "help-inline text-danger",
errorElement: "span",
highlight: function(element, errorClass, validClass) {
$(element).parents('.form-group').addClass('has-error');
},
unhighlight: function(element, errorClass, validClass) {
$(element).parents('.form-group').removeClass('has-error');
$(element).parents('.form-group').addClass('has-success');
},
submitHandler: function(form,e) {
e.preventDefault();
console.log('Form submitted');
$.ajax({
type: 'POST',
url: 'authenticate.jsp',
dataType: "html",
data: $('form').serialize(),
success: function(result) {
window.location.href = "dashboard.jsp";
},
error : function(error) {
}
});
return false;
}
});
});  
</script>

OriginalL'auteur Raju

Vous devez vous connecter pour publier un commentaire.