Comment vérifier si la validation du formulaire html5 est terminée
J'ai un formulaire qui suis à l'aide de html5 à valider pour l'email et les champs requis.
Le formulaire doit être soumis via ajax.
Comment puis-je déterminer la forme passée de validation avant que je permettre à la forme de remises via ajax.
C'est mon code html:
<form action="" method="post" id="comment_form">
<input type="hidden" name="post_id" value="<?=$post->ID ?>" />
<label for="name">Name</label>
<input type="text" name="name" required="required">
<label for="email">Email Address</label>
<input type="email" name="email" required="required">
<label for="comment">Comment</label>
<textarea name="comment" required="required" >
</textarea>
<label for="submit"></label>
<button type="submit"class="button green meduim" id="comment_btn">Submit</button>
</form>
C'est mon jquery
$("#comment_btn").click(function(e){
//the request url
var url = site_url+'comments/post_comment';
//cross site request forgery token
var xtoken = $("input[name='xtoken']").val();
//post data
var dataObj = {
"name":$('#name').val(),
"email":$("#email").val(),
"comment":$("#comment").val(),
"post_id":$("input[name='post_id']").val(),
"xtoken":xtoken
};
//dim form
$('#comment_form').addClass('dim');
//make request
$.ajax({
url:url,
type:'POST',
data:dataObj,
dataType:'json',
error:function() {},
success:function(resp) {
if(resp.status == "ok")
{
$('#comment_form').removeClass('dim');
}else {
alert("An error was encountered");
}
}
});
e.preventDefault();
});
Est-il un moyen pour déterminer si le formulaire est validé?
source d'informationauteur MrFoh | 2011-11-24
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser le validateur du forme() fonction, par exemple
Ne se lient pas à l'événement click du bouton envoyer tout simplement se lier à l'événement d'envoi de votre formulaire:
Il est probablement préférable de ne pas compter sur le navigateur pour valider vos données, assurez-vous à l'aide de requis et modèle est cool et tout, mais je ne voudrais pas compter sur elle.
Écrire votre propre validation dans votre javascript des données avant de les envoyer à votre URL. Vous pouvez le faire avec un peu de Regex ou vous pouvez utiliser un grand nombre de jQuery validation des plugins disponibles là-bas comme h5validate ou Validation.
Vous pouvez vous inscrire à une forme standard 'onsubmit' événement qui sera déclenché si le formulaire a passé avec succès la validation et est soumis.