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 หลักๆ

ขึ้นไปด้านบน