Jquery validate form ง่ายมั๊กๆ
หน้าแรก jQuery Jquery validate form ง่ายมั๊กๆ
ไม่พูดพร่ามแระ เริ่มกันเลย
1. ไปโหลด jquery plugins validate form มาก่อนที่นี่ http://plugins.jquery.com/project/validate
2. การติดตั้ง
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript" src="messages_th.js"></script>
3. เขียน script
<script type="text/javascript">
$(document).ready(function(){
$("#form1").validate({
rules: {
name: {
required: true,
range:[3,9]
}
}
});
});
</script>
4. โปรแกรมทั้งหมด
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript" src="messages_th.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
$("#form1").validate({
rules: {
name: {
required: true,
range:[3,9]
}
}
});
});
</script>
<form action="" id="form1">
<p><input type="text" name="name" id="name" /></p>
<p><input type="submit" id="save" value="save" /></p>
</form>
</body>
</html>
การใช้ก็แค่กำหนด rules ให้กับอุปกรณ์ที่เราต้องการ validate
ไฟล์ messages_th.js โหลดได้ที่นี่
http://www.ziddu.com/download/11482804/messages_th.rar.html
แกะ code ลองดูนะครับ ส่วนอันนี้ reference http://docs.jquery.com/Plugins/Validation หลักๆ
ขึ้นไปด้านบน
