Comment faire en sorte qu'Ajax utilise la validation de formulaire CSS avant de la soumettre

Question

Quelle serait la meilleure façon d'utiliser la validation de formulaire CSS avant de la soumettre? Maintenant, il va soumettre n'importe quoi. Je suppose un simple si/sinon je ne sais pas quoi vérifier.

Answer 1

Vous pouvez faire des instructions if/else, ou vous pouvez utiliser plusieurs bibliothèques différentes. Par exemple, jquery a un plugin de validation de formulaire que vous pouvez utiliser. Le code dans ce cas ressemblerait à quelque chose comme:

$("form").submit(function(event) { 
    if ($("input:first").val() === "correct") { 
    $.ajax({ 
     url: 'contact_form.php', 
     type: 'POST', 
     data: $("#contact_form_id").serialize(), 
     success: function(msg) { 
      alert('Email Sent'); 
      //contact_submit(); 
     }    
    }); 
    } 

    $("span").text("Not valid!").show().fadeOut(1000); 
    event.preventDefault(); 
});