当前位置: 代码迷 >> Web前端 >> jQuery印证框架(二)插件方法 (jQuery validation)
  详细解决方案

jQuery印证框架(二)插件方法 (jQuery validation)

热度:93   发布时间:2012-11-06 14:07:00.0
jQuery验证框架(二)插件方法 (jQuery validation)

jQuery验证框架

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

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

Js代码 复制代码
  1. $("#myform").validate(); ??
  2. $("a.check").click(function()?{ ??
  3. ??alert("Valid:?"?+?$("#myform").valid()); ??
  4. ??return?false; ??
  5. });??
$("#myform").validate();
$("a.check").click(function() {
  alert("Valid: " + $("#myform").valid());
  return false;
});



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

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

?

Js代码 复制代码
  1. alert($("#password").rules()["required"]);??
alert($("#password").rules()["required"]);




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

Js代码 复制代码
  1. $("#myinput").rules("add",?{ ??
  2. ?required:?true, ??
  3. ?minlength:?2, ??
  4. ?messages:?{ ??
  5. ???required:?"Required?input", ??
  6. ???minlength:?jQuery.format("Please,?at?least?{0}?characters?are?necessary") ??
  7. ?} ??
  8. });??
$("#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代码 复制代码
  1. $("#myinput").rules("remove"); ??
  2. $("#myinput").rules("remove",?"min?max");??
$("#myinput").rules("remove");
$("#myinput").rules("remove", "min max");



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

Js代码 复制代码
  1. $("#skip").click(function()?{ ??
  2. ??var?rules?=?$("#myinput").removeAttrs("min?max"); ??
  3. ??$("#myform).submit(); ??
  4. ??$("#myinput").attr(rules); ??
  5. });??
 $("#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
----------------------------------------------------------------------------

  相关解决方案