Jquery Valider et envoyer le formulaire avec un lien

Question

Ceci est mon code:

<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script> 
<script type="text/javascript" src="js/jquery.validate.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $("#alta").validate(); 
}); 
</script> 
<form id="alta" method="post" action="<?= $this->Html->url('/'); ?>alta"> 
    <label>Nombre:</label> 
    <input type="text" id="name" class="field required" name="data[name]"> 
</form> 
<a href="#" onClick="alta.submit(); return false;" id="button" class="button">Send</a> 

Et mon problème est que je ne me soumettre entrée, besoin d'utiliser un lien, mais soumet le formulaire et non valide.

merci

Answer 1

Sans bouton Envoyer, vous devez vérifier le formulaire est valide manuellement.

Tout d'abord, supprimez l'attribut onclick de votre code HTML - ce n'est pas une bonne méthode pour joindre des événements.

<a href="#" id="button" class="button">Send</a> 

Ensuite, placez ceci dans votre code jQuery:

$("#button").click(function() { 
    if ($("#alta").valid()) { 
     $("#alta").submit(); 
    } 
}); 

Answer 2

dans le gestionnaire de clic, validez le formulaire.

$("#button").click(function(e){ 
    e.preventDefault(); 
    if($("#alta").valid()){ 
     //submit 
     $("#alta").submit(); 
    } 
    else 
     return false; 
    }); 

également (après avoir lu les commentaires) que vous ne avez pas besoin de valider le formulaire dans le document prêt