刚刚试了所谓的新版的用法。千万别问我是多新,因为我也不知道。。。

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.js"></script>
<script src="js/jquery.validate.js"></script>
<script>
    $().ready(function() {
        $("#registerForm").validate();
    });
</script>
</head>
<body>
    <form id="registerForm" method="get" action="">
        <fieldset>
            <p>
                <label for="cusername">用户名</label> 
                <input id="cusername" name="username" type="text" data-rule-required="true" data-rule-rangelength="[2,10]" data-msg-required="用户名不能为空" data-msg-rangelength="用户名长度必须是{0}到{1}个字符">
            </p>
            <p>
                <label for="cpassword">密码</label> 
                <input id="cpassword" name="password" type="password" data-rule-required="true" data-rule-minlength="6" data-msg-required="密码不能为空" data-msg-minlength="密码必须不少于{0}位">
            </p>
            <p>
                <label for="cconfirmpassword">确认密码</label> 
                <input id="cconfirmpassword" name="confirmpassword" type="password" data-rule-required="true" data-rule-equalTo="#cpassword" data-msg-required="请再次输入密码" data-msg-equalTo="两次输入的密码不一致">
            </p>
            <p>
                <label for="cemail">邮箱</label> 
                <input id="cemail" name="email" data-rule-required="true" data-rule-email="true" data-msg-required="邮箱不能为空" data-msg-email="邮箱的格式不正确"/>
            </p>
            <p>
                <input type="submit" value="提交">
            </p>
        </fieldset>
    </form>
</body>
</html>
JV3-1.HTML

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-08-16
  • 2021-10-03
  • 2021-07-04
  • 2022-12-23
猜你喜欢
  • 2021-09-12
  • 2022-01-06
  • 2022-01-27
  • 2021-07-01
相关资源
相似解决方案