jQuery.Validate验证库的使用介绍

2020-05-22 16:10:41易采站长站整理

  <input id=”email” name=”email” />
 </p>
 <p>
  <label for=”password”>Password</label>
  <input id=”password” name=”password” type=”password” />
 </p>
 <p>
  <label for=”confirm_password”>确认密码</label>
  <input id=”confirm_password” name=”confirm_password” type=”password” />
 </p>
    <p>
        <input class=”submit” type=”submit” value=”Submit”/>
    </p>
</form>

required:true 必须有值


required:”#aa:checked”id名称为aa的dom被选中时,则需要验证


required:function(){} 返回为真,表示需要验证(仅针对required有效,其它无效。)


后边两种常用于,表单中需要同时填或不填的元素



下面针对上面三项内容,通过实例来说明一下,更易于理解。(第一个说明:required:true 必须有值 这项就不在举例了,通过上面的示例,已经非常清楚。)


required:”#aa:checked” 的示例如下:

<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<script language=”JavaScript” type=”text/JavaScript” src=”jquery-1.6.1.js”></script>
<script language=”JavaScript” type=”text/JavaScript” src=”jquery.validate.min.js”></script>
<script language=”JavaScript” type=”text/JavaScript” src=”jquery.metadata.js”></script>
<script>
$().ready(function() {
  $(“#signupForm”).validate({
    rules:
    {
      firstname: “required”,
      email:
      {
        required: “#open:checked”,
        email: true
      }
    },
    messages:
    {
      firstname: “请输入姓名”,
      email:
      {
        required: “请输入Email地址”,
        email: “请输入正确的email地址”
      }
    }
  });
});
//messages处,如果某个控件没有message,将调用默认的信息
</script>
<form id=”signupForm” method=”get” action=””>