วิธีการใช้งาน jQuery Validate สำหรับ การสร้างตัว input ที่มีชื่อเดียวกัน พร้อมกับ แสดงการสร้างรูปแบบ วันที่ ที่เราอยากให้มีการตรวจสอบเพิ่ม
<?php
if($_POST['txtN']){
for($i=0;$i<count($_POST['txtN']);$i++){
echo $_POST['txtN'][$i]."<hr/>";
}
}
?>
<!DOCTYPE html>
<html>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
<script>
jQuery.validator.addMethod(
"icsDate",
function(value, element) {
return value.match(/^\d\d?\-(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)?\-\d\d\d\d$/);
},
"Please enter a date in the format dd-MMM-yyyy"
);
jQuery.extend(jQuery.validator.messages, {
required: "****"
});
$(document).ready(function(){
$("#frm").validate();
});
</script>
<body>
<form id="frm" name="frm" method="post">
<table>
<?php
for($i=0;$i<4;$i++){
?>
<tr>
<td>Name:</td>
<td><input type="text" name="txtN[<?=$i?>]" id="txtN<?=$i?>" class="required" /></td>
<td>Date</td>
<td><input type="text" name="txtD[<?=$i?>]" id="txtD<?=$i?>" class="required icsDate" /></td>
</tr>
<?php
}
?>
</table>
<br/>
<input type="submit" id="sb" name="sb" value="CLICK" />
</form>
</body>
</html>