{"id":472,"date":"2011-11-25T10:27:50","date_gmt":"2011-11-25T02:27:50","guid":{"rendered":"http:\/\/blog.amjet.cc\/IT\/?p=472"},"modified":"2013-03-24T19:15:34","modified_gmt":"2013-03-24T11:15:34","slug":"%e5%88%a9%e7%94%a8-jquery-%e5%81%9a%e9%a0%81%e9%9d%a2%e8%bc%b8%e5%85%a5%e6%ac%84%e4%bd%8d%e6%aa%a2%e6%a0%b8","status":"publish","type":"post","link":"https:\/\/blog.amjet.biz\/IT\/?p=472","title":{"rendered":"\u5229\u7528 jquery \u505a\u9801\u9762\u8f38\u5165\u6b04\u4f4d\u6aa2\u6838"},"content":{"rendered":"<p>\u8edf\u9ad4\u7684\u90e8\u4efd\u9700\u8981 <a href=\"http:\/\/jquery.com\/\" target=\"_blank\">jquery<\/a> \u53ca\u00a0<a href=\"http:\/\/bassistance.de\/jquery-plugins\/jquery-plugin-validation\/\" target=\"_blank\">jQuery plugin: Validation<\/a>\u3002<\/p>\n<p>\u9996\u5148\u5047\u8a2d\u9801\u9762\u4e0a\u6709\u4ee5\u4e0b\u7684 form<\/p>\n<p>&lt;form id=&#8221;myform&#8221;&gt;<\/p>\n<p>&lt;input type=&#8221;text&#8221; name=&#8221;userid&#8221; id=&#8221;userid&#8221;&gt;<\/p>\n<p>&lt;\/form&gt;<\/p>\n<p>\u8981\u9032\u884c\u8f38\u5165\u6b04\u4f4d\u6aa2\u6838\u6642\u5728\u9801\u9762\u52a0\u5165\u4ee5\u4e0b\u7684 javascript code<\/p>\n<p>$(document).ready( function() {<\/p>\n<p>$(&#8216;#myform&#8217;).validate({<\/p>\n<p>invalidHandler: function(form, validator) {<\/p>\n<p>},<\/p>\n<p>errorPlacement: function(error, element) {<\/p>\n<p>}<\/p>\n<p>});<br \/>\n});<\/p>\n<p>invalidHandler\u3001errorPlacement \u7528\u65bc\u6aa2\u6838\u6709\u8aa4\u6642\u9032\u884c\u8655\u7406\uff0c\u8acb\u81ea\u884c\u5b9a\u7fa9\uff0c\u63a5\u8457\u52a0\u5165\u6aa2\u6838\u7684 rule<\/p>\n<p>$(&#8216;#userid&#8217;).rules(&#8216;add&#8217;, {<\/p>\n<p>required6digits: true,<\/p>\n<p>messages:{required6digits:&#8221;\u5fc5\u9808\u70ba6\u4f4d\u6578\u6578\u503c!&#8221;}\u00a0 \u00a0 });<\/p>\n<p>\u4ee5\u4e0a\u7684 code \u70ba userid \u6b04\u4f4d\u52a0\u5165\u6aa2\u6838\u9805\u76ee\u00a0required6digits\uff0cplugin \u63d0\u4f9b\u4e86\u4e00\u4e9b\u9810\u8a2d\u7684\u6aa2\u6838\u529f\u80fd\uff0c\u9019\u500b\u4f8b\u5b50\u6211\u5011\u662f\u81ea\u884c\u5b9a\u7fa9\u6aa2\u6838\u6b04\u4f4d\u5fc5\u9808\u70ba6\u500b\u6578\u5b57\uff0c\u5728 document ready \u6642\u52a0\u5165\u4ee5\u4e0b code<\/p>\n<p>jQuery.validator.addMethod(&#8220;required6digits&#8221;, function(value, element, params) {<\/p>\n<p>var regEx = \/\\d{6}\/;<\/p>\n<p>return regEx.test(value);<\/p>\n<p>});<\/p>\n<p>\u5f9e\u4ee5\u4e0a\u7684\u4f8b\u5b50\u6211\u5011\u53ef\u4ee5\u505a\u51fa\u81ea\u884c\u5b9a\u7fa9\u7684\u6aa2\u6838\u898f\u5247\uff0c\u6700\u5f8c\u5229\u7528\u4ee5\u4e0b code \u9032\u884c form \u7684\u6aa2\u6838<\/p>\n<p>$(&#8216;#myform&#8217;).valid()<\/p>\n<p>\u5982\u679c\u50b3\u56de true \u5373\u662f\u6aa2\u6838\u6210\u529f\uff0c\u5982\u679c\u50b3\u56de false \u5373\u662f\u6aa2\u6838\u6709\u8aa4<\/p>\n<p>&nbsp;<\/p>\n<p>[ratings]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u8edf\u9ad4\u7684\u90e8\u4efd\u9700\u8981 jquery \u53ca\u00a0jQuery plugin: Validation\u3002 \u9996\u5148\u5047\u8a2d\u9801\u9762\u4e0a\u6709\u4ee5\u4e0b\u7684 form &lt;form id=&#8221;myform&#8221;&gt; &lt;input type=&#8221;text&#8221; name=&#8221;userid&#8221; id=&#8221;userid&#8221;&gt; &lt;\/form&gt; \u8981\u9032\u884c\u8f38\u5165\u6b04\u4f4d\u6aa2\u6838\u6642\u5728\u9801\u9762\u52a0\u5165\u4ee5\u4e0b\u7684 javascript code $(document).ready( function() { $(&#8216;#myform&#8217;).validate({ invalidHandler: function(form, validator) { }, errorPlacement: function(error, element) { } }); }); invalidHandler\u3001errorPlacement \u7528\u65bc\u6aa2\u6838\u6709\u8aa4\u6642\u9032\u884c\u8655\u7406\uff0c\u8acb\u81ea\u884c\u5b9a\u7fa9\uff0c\u63a5\u8457\u52a0\u5165\u6aa2\u6838\u7684 rule $(&#8216;#userid&#8217;).rules(&#8216;add&#8217;, { required6digits: true, messages:{required6digits:&#8221;\u5fc5\u9808\u70ba6\u4f4d\u6578\u6578\u503c!&#8221;}\u00a0 \u00a0 }); \u4ee5\u4e0a\u7684 code \u70ba userid \u6b04\u4f4d\u52a0\u5165\u6aa2\u6838\u9805\u76ee\u00a0required6digits\uff0cplugin \u63d0\u4f9b\u4e86\u4e00\u4e9b\u9810\u8a2d\u7684\u6aa2\u6838\u529f\u80fd\uff0c\u9019\u500b\u4f8b\u5b50\u6211\u5011\u662f\u81ea\u884c\u5b9a\u7fa9\u6aa2\u6838\u6b04\u4f4d\u5fc5\u9808\u70ba6\u500b\u6578\u5b57\uff0c\u5728 document ready \u6642\u52a0\u5165\u4ee5\u4e0b code jQuery.validator.addMethod(&#8220;required6digits&#8221;, function(value, [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[44],"class_list":["post-472","post","type-post","status-publish","format-standard","hentry","category-ajax","tag-javascript"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blog.amjet.biz\/IT\/index.php?rest_route=\/wp\/v2\/posts\/472","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.amjet.biz\/IT\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.amjet.biz\/IT\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.amjet.biz\/IT\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.amjet.biz\/IT\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=472"}],"version-history":[{"count":8,"href":"https:\/\/blog.amjet.biz\/IT\/index.php?rest_route=\/wp\/v2\/posts\/472\/revisions"}],"predecessor-version":[{"id":800,"href":"https:\/\/blog.amjet.biz\/IT\/index.php?rest_route=\/wp\/v2\/posts\/472\/revisions\/800"}],"wp:attachment":[{"href":"https:\/\/blog.amjet.biz\/IT\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=472"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.amjet.biz\/IT\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=472"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.amjet.biz\/IT\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}