我的代码怎么在页面上没有显示?

来源:2-5 基本验证方法(number、digits、equalTo)

慕粉3895673

2016-09-14 22:16

<body>
<form id="demoForm">
<fieldset>
<legend>用户登录</legend>
<p>
<label for="username">用户名</label>
<input type="text" id="username" name="username">
</p>
<p>
<label for="password">密码</label>
<input type="password" id="password" name="password">
</p>
<p>
<input type="submit"value="登录">
</p>
</fieldset>
</form>
<script src="js/jquery-1.10.0.min.js"></script>
<script  src="js/jquery.validate-1.13.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#demoForm").validate({
        rules:{
            username:{
                required:true,
                minlength:2,
                maxlength:10
            },
            password:{
                required:true,
                minlength:2,
                maxlength:16
            }
        },
        messages:{
            username:{
                required:"必须填写用户名",
                rangelength:"用户名应该在2-10位",                
            },
            password:{
                required:"必须填写密码",
                rangelength:"密码应该在2-16位",    
            }

        }
    });
});
</script>
</body>

写回答 关注

1回答

  • 慕粉3895673
    2016-09-14 22:28:07

    哎,js名称写错了

jQuery插件——Validation Plugin

validation让客户端表单验证变容易,缩短用户等待时间

65871 学习 · 216 问题

查看课程

相似问题