jQuery验证框架（二）插件方法 (jQuery validation)

最新推荐文章于 2024-10-13 15:15:00 发布

原创最新推荐文章于 2024-10-13 15:15:00 发布 · 137 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #框架 #ViewUI

jQuery 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了jQuery验证插件的六个主要方法，包括validate、valid、rules及其子方法add和remove，以及removeAttrs方法。这些方法帮助开发者实现表单验证功能，如设置验证规则、检查表单有效性等。

jQuery验证框架

二、插件方法( Plugin methods )
[1] validate( [options] )           返回：Validator
      说明：见第一部分

[2] valid()      返回：Boolean
      说明：检查表单是否已通过验证。

Js代码

$("#myform").validate();
$("a.check").click(function() {
alert("Valid: " + $("#myform").valid());
return false;
});

$("#myform").validate();
$("a.check").click(function() {
  alert("Valid: " + $("#myform").valid());
  return false;
});

[3] rules() 返回：Options
说明：返回一个表单元素的验证规则。有几个方法定义验证规则：

在表单元素的class属性中定义验证规则（推荐的方法）。
通过指定验证方法的属性（推荐的方法）。
可以通过元数据(metadata)插件来定义元数据验证规则。
可以通过指定validate()方法的rules选项。

Js代码

alert($("#password").rules()["required"]);

alert($("#password").rules()["required"]);

[4] rules( "add", rules )       返回：Options
      参数"add"     类型：String
      参数 rules     类型：Options   要添加的规则，与validate方法中的验证规则一致。
      说明：添加规则到匹配的表单元素，返回该元素的所有验证规则，需要先执行$("form").validate()。在rules中也可以添加用户自定义的消息对象。

Js代码

$("#myinput").rules("add", {
required: true,
minlength: 2,
messages: {
required: "Required input",
minlength: jQuery.format("Please, at least {0} characters are necessary")
}
});

$("#myinput").rules("add", {
 required: true,
 minlength: 2,
 messages: {
   required: "Required input",
   minlength: jQuery.format("Please, at least {0} characters are necessary")
 }
});

[5] rules( "remove", [rules] )       返回：Options
      参数"remove"     类型：String
      参数 rules (Options)    类型：Options   用空白符分割的验证规则。只操作通过rules选项或rules("add")指定的验证规则。
      说明：从第一个匹配的表单元素中移除指定的验证规则，并返回该元素所有的验证规则。

Js代码

$("#myinput").rules("remove");
$("#myinput").rules("remove", "min max");

$("#myinput").rules("remove");
$("#myinput").rules("remove", "min max");

[6] removeAttrs( attributes )       返回：Options
      参数 attributes      类型：String 用空白符分割的属性列表
      说明：从第一个匹配的表单元素中删除指定的属性并返回它们。

Js代码

$("#skip").click(function() {
var rules = $("#myinput").removeAttrs("min max");
$("#myform).submit();
$("#myinput").attr(rules);
});

 $("#skip").click(function() {
   var rules = $("#myinput").removeAttrs("min max");
   $("#myform).submit();
   $("#myinput").attr(rules);
 });

原文请见：http://docs.jquery.com/Plugins/Validation#Fields_with_complex_names_.28brackets.2C_dots.29
----------------------------------------------------------------------------------------------------------------------------------------------------