[jQuery] jQuery validation custom method doesn't work
Hello all
I have added a method on jQuery validator like this
$.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() {
}
});
the form looks like this
<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" /> to
<input type="text" name="txt_end" id="txt_end" size="8"
maxlength="4" class="required year ui-widget-content ui-corner-all" /