jQuery¼¼Êõ

jQueryÑéÖ¤¿ò¼Ü£¨¶þ£©²å¼þ·½·¨ (jQuery validation)

×ÖºÅ+ ×÷Õߣºjamie À´Ô´£º 2014-11-16 22:49 ÎÒÒªÆÀÂÛ( )

jQueryÑéÖ¤¿ò¼Ü£¨¶þ£©²å¼þ·½·¨ (jQuery validation) ,

¶þ¡¢²å¼þ·½·¨( 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. });  



[3]  rules()       ·µ»Ø£ºOptions
      ˵Ã÷£º·µ»ØÒ»¸ö±íµ¥ÔªËصÄÑéÖ¤¹æÔò¡£Óм¸¸ö·½·¨¶¨ÒåÑéÖ¤¹æÔò£º

  • ÔÚ±íµ¥ÔªËصÄclassÊôÐÔÖж¨ÒåÑéÖ¤¹æÔò£¨ÍƼöµÄ·½·¨£©¡£
  • ͨ¹ýÖ¸¶¨ÑéÖ¤·½·¨µÄÊôÐÔ£¨ÍƼöµÄ·½·¨£©¡£
  • ¿ÉÒÔͨ¹ýÔªÊý¾Ý(metadata)²å¼þÀ´¶¨ÒåÔªÊý¾ÝÑéÖ¤¹æÔò¡£
  • ¿ÉÒÔͨ¹ýÖ¸¶¨validate()·½·¨µÄrulesÑ¡Ïî¡£

 

Js´úÂë
  1. 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. });  



[5]  rules( "remove", [rules] )       ·µ»Ø£ºOptions
      ²ÎÊý"remove"     ÀàÐÍ£ºString
      ²ÎÊý  rules (Options)    ÀàÐÍ£ºOptions   Óÿհ׷û·Ö¸îµÄÑéÖ¤¹æÔò¡£Ö»²Ù×÷ͨ¹ýrulesÑ¡Ïî»òrules("add")Ö¸¶¨µÄÑéÖ¤¹æÔò¡£
      ˵Ã÷£º´ÓµÚÒ»¸öÆ¥ÅäµÄ±íµ¥ÔªËØÖÐÒƳýÖ¸¶¨µÄÑéÖ¤¹æÔò£¬²¢·µ»Ø¸ÃÔªËØËùÓеÄÑéÖ¤¹æÔò¡£

Js´úÂë
  1. $("#myinput").rules("remove");  
  2. $("#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. }); 

¡¡

1.±¾Õ¾×ñÑ­ÐÐÒµ¹æ·¶£¬ÈκÎתÔصĸå¼þ¶¼»áÃ÷È·±ê×¢×÷ÕߺÍÀ´Ô´£»2.±¾Õ¾µÄÔ­´´ÎÄÕ£¬ÇëתÔØʱÎñ±Ø×¢Ã÷ÎÄÕÂ×÷ÕߺÍÀ´Ô´£¬²»×ðÖØÔ­´´µÄÐÐΪÎÒÃǽ«×·¾¿ÔðÈΣ»3.×÷ÕßͶ¸å¿ÉÄܻᾭÎÒÃDZ༭Ð޸Ļò²¹³ä¡£

Ïà¹ØÎÄÕÂ
ÍøÓѵãÆÀ
Ã