Hello,

 

I am calling a custom method to validate a date input element ( this element is an array ).

Upon validation, a message is displayed against each date input element, even if the others are valid.

 

If one date element is invalid, all other valid date elements too show the message.

How do I make sure that the error message is displayed only for the invalid element?

 

My form element is defined as such:

<input name="order_date[ ]" size="10" type="text">

 

Here's the script:

 

<script type="text/javascript">
function isDate(str){
var re = /^(\d{1,2})[\s\.\/-](\d{1,2})[\s\.\/-](\d{4})$/
if (!re.test(str)) return false;
var result = str.match(re);
var m = parseInt(result[1]);
var d = parseInt(result[2]);
var y = parseInt(result[3]);
if(m < 1 || m > 12 || y < 1900 || y > 2100) return false;
if(m == 2){
var days = ((y % 4) == 0) ? 29 : 28;
}else if(m == 4 || m == 6 || m == 9 || m == 11){
var days = 30;
}else{
var days = 31;
}
return (d >= 1 && d <= days);
}

$.validator.addMethod('checkdate', function(value, element) {
return (isDate(element.value)) && $("input[name=g2][value=yes]:checked").length > 0;
},
'Please make sure the format is MM/DD/YYYY'
);

$(document).ready(function() {
$("#myForm").validate({
     rules: {
                "order_date[ ]": {
                 checkdate: true
                 }
      }
   });
});
</script>

Appreciate your help and thanks in advance.