BenjaminYang In solitude, where we are least alone

validate插件实现表单效验（一） 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>validate入门案例</title>
        <script src="../../js/jquery-1.8.3.js"></script>
        <!--validate js是建立在jquery之上的，所以先导入jquery库-->
        <script src="../../js/jquery.validate.min.js"></script>
        <script src="../../js/messages_zh.js"></script>
        <script type="text/javascript">
            $(function(){
                $("#checkForm").validate({
                        rules:{
                            username:{
                                required:true,
                                minlength:6
                            },
                            password:{
                                required:true,
                                digits:true,
                                minlength:6
                            }
                        },
                        messages:{
                            username:{
                                required:"用户名不能为空！",
                                minlength:"用户名不得少于6位"
                            },
                            password:{
                                required:"密码不能为空！",
                                digits:"密码必须是整数！",
                                minlength:"密码不得少于6位"
                            }
                        }
                        
                    });
            });
        </script>
    </head>
    <body>
        <form action="#" id="checkForm">
        用户名：<input type="text" name="username"/><br />
        密码： <input type="password" name="password" /> <br />
        <input type="submit" />
        </form>
    </body>
</html>

 

 

posted @ 2018-06-10 14:43  benjamin杨  阅读(216)  评论(0)  编辑  收藏  举报