validation jQuery méthode personnalisée ne fonctionne pas

Question

J'ai ajouté une méthode sur jQuery validateur comme celui-ci

$.validator.addMethod(
     'myEqual', 
     function (value, element) { 
      return value == element.value; // this one here didn't work 
     }, 
     'Please enter a greater year!' 
    ); 

    $.metadata.setType("attr", "validate"); 

    $("#educationForm").validate({ 
     showErrors: function(errorMap, errorList) { 
      this.defaultShowErrors(); 
     }, 
     errorPlacement: function(error, element) { 
      error.appendTo(element.parent("td").next("td")); 
     }, 
     /*success: function(label) { 
      label.text("ok!").addClass("success"); 
     },*/ 
     rules: { 
      txt_end: { 
       required: true, 
       myEqual: "#txt_begin" 
      } 
     }, 
     submitHandler: function() {} 
    }); 

la forme ressemble à ceci

<div id="wrapper_form"> 
    <form id="educationForm" name="educationForm" method="post" action=""> 
    <table width="500" border="0"> 
     <tr> 
     <td width="100">Period:</td> 
     <td width="200"><input type="text" name="txt_begin" id="txt_begin" size="8" maxlength="4" class="required year ui-widget-content ui-corner-all" />&nbsp;to&nbsp; 
     <input type="text" name="txt_end" id="txt_end" size="8" maxlength="4" class="required year ui-widget-content ui-corner-all" /></td> 
     <td width="200"></td> 
     </tr> 
     <tr> 
     <td colspan="2"> 
     <input type="submit" name="btn_submit" id="btn_submit" value="Submit" class="ui-button ui-state-default ui-corner-all" /> 
     <input type="button" name="btn_cancel" id="btn_cancel" value="Cancel" class="ui-button ui-state-default ui-corner-all" /> 
     </td> 
     <td>&nbsp;</td> 
     </tr> 
    </table> 
    </form> 
</div> 

mais pourquoi la méthode personnalisée j'ai ajouté n'a pas travail?

return value == element.value; // this one here didn't work 

il retourne toujours vrai pour toute valeur suis-je manque quelque chose ici? Je n'ai pas utilisé la méthode intégrée car plus tard dans la forme je devrais écrire une autre méthode pour vérifier supérieur ou égal et inférieur ou égal ("> =" et "< =") J'ai testé cette méthode avec supérieur ou égal et inférieur ou égal en remplaçant le "==" par "> =" ou par "< =" Cela ne fonctionnait pas non plus

Answer 1

En lisant votre code, je vois qu'avec votre méthode personnalisée, vous essayez de comparer deux entrées de texte, vous passez un paramètre à votre validateur: myEqual: "#txt_begin".

Pour ce faire, vous devez gérer le troisième paramètre de la fonction de rappel de addMethod:

$.validator.addMethod('myEqual', function (value, element, param){// param will 
    return value == $(param).val();        // have 
}, 'Message');             // "#txt_begin" 

Answer 2

Pourquoi n'utilisez-vous pas la méthode 'equalTo' fournie par le Valider le plugin?

rules { 
    txt_begin : 'required' , 
    txt_end: { equalTo: '#txt_begin' } 
} 

Vous ne devez mettre requis pour txt_end car il devra être égal à txt_begin et txt_begin est un champ obligatoire.