jQuery Validation Plugin客户端表单验证插件(4)--那些可用的规则s

那些可用的规则s

required

设置控件必输，2种设置方式

true false方式

$( "#myform" ).validate({
  rules: {
    field: {
      required: true
    }
  }
});

或者用回调函数function(element)，回调函数返回true，则此控件必输；

remote

这是个很好用的规则，比如注册时输入邮箱，然后remote规则会自动调用远程校验，检查出邮箱是否已经注册过

先看案例

$( "#myform" ).validate({
  rules: {
    email: {
      required: true,
      email: true,
      remote: "check-email.php"
    }
  }
});

可以看出参数是url，然后会以GET方式发送数据，格式为json，数据类似 {控件name ：控件值}

当然可以自定义格式，其实和jquery的ajax方法一样使用

$( "#myform" ).validate({
  rules: {
    email: {
      required: true,
      email: true,
      remote: {
        url: "check-email.php",
        type: "post",
        data: {
          username: function() {
            return $( "#username" ).val();
          }
        }
      }
    }
  }
});

minlength

maxlength

rangelength

minlength:2 与 maxlength:5 的组合规则，相当于 rangelength : [2,5]

min

max

range

类似上面，不过是对控件值的整数大小做限制

email

url

date

dateISO

日期对浏览器来说并没有统一，所以date规则要慎重使用，而且还涉及到locale

dateISO是标准的

ISO8601提供了一种标准的交叉国家方法：一种由全面到具体的表达方法形成了一个日期的表达式，这种方法表示的日期非常容易推导，首先是年，接着是月然后是天，每个部分用连字符“-”分割。加上零，数字均是小于10的，将年份1之前的年用“0”表示，而0年以后的年份就用“-1”表示。因此，1998年3月30日就可以表示成：1998-03-30。

number

digits

number是浮点数，例如1.2 4.3都行，而且0123这样的可以，即使以0开头

digits必须全部都是数字，小数点什么的都不行

creditcard

信用卡的格式，好吧，这个估计还没国际标准吧，就不多解释了

equalTo

密码常用的

$( "#myform" ).validate({
  rules: {
    password: "required",
    password_again: {
      equalTo: "#password"
    }
  }
});

accept

这个是针对file控件，限制其可以接受的文件类型，用mimetype作为参数，以逗号分隔多个参数

$( "#myform" ).validate({
  rules: {
    field: {
      required: true,
      accept: "audio/*"
    }
  }
});

extension

也是针对file控件的文件后缀限制，逗号或者|分隔，默认值(png, jpeg, gif)

$( "#myform" ).validate({
  rules: {
    field: {
      required: true,
      extension: "xls|csv"
    }
  }
});

phoneUS

美国的电话号码格式

jQuery Validation Plugin客户端表单证验插件(4)-那些可用的规则s