{"id":171,"date":"2016-04-10T12:15:53","date_gmt":"2016-04-10T04:15:53","guid":{"rendered":"http:\/\/www.chenweikang.top\/?p=171"},"modified":"2016-04-10T12:19:05","modified_gmt":"2016-04-10T04:19:05","slug":"bootstrap3-validation-%e8%a1%a8%e5%8d%95%e9%aa%8c%e8%af%81%e6%8f%92%e4%bb%b6","status":"publish","type":"post","link":"https:\/\/www.chenweikang.top\/?p=171","title":{"rendered":"Bootstrap3-validation \u8868\u5355\u9a8c\u8bc1\u63d2\u4ef6"},"content":{"rendered":"<h1>home: <a href=\"http:\/\/www.mrlong.cn\">http:\/\/www.mrlong.cn<\/a><\/h1>\n<p>jQuery plugin for bootstrap3 \u7531\u4e8e\u5728\u7f51\u4e0a\u627e\u5230\u4e00\u4e2a\u63d2\u4ef6\u5df2\u4e0d\u5728\u7ef4\u62a4\u4e86\uff0c\u5e76\u53ea\u652f\u6301bootstrap2 . \u5e94\u9879\u76ee\u8981\u6c42\u81ea\u5df1\u5199\u4e86\u4e00\u4e2a\u3002<\/p>\n<p><a href=\"https:\/\/github.com\/mrlong\/bootstrap3-validation.js\/blob\/master\/test\/test.png?raw=true\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/github.com\/mrlong\/bootstrap3-validation.js\/raw\/master\/test\/test.png?raw=true\" alt=\"preview\" \/><\/a> <a href=\"https:\/\/github.com\/mrlong\/bootstrap3-validation.js\/blob\/master\/test\/test2.png?raw=true\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/github.com\/mrlong\/bootstrap3-validation.js\/raw\/master\/test\/test2.png?raw=true\" alt=\"preview\" \/><\/a> <a href=\"https:\/\/github.com\/mrlong\/bootstrap3-validation.js\/blob\/master\/test\/test3.png?raw=true\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/github.com\/mrlong\/bootstrap3-validation.js\/raw\/master\/test\/test3.png?raw=true\" alt=\"preview\" \/><\/a><\/p>\n<h2><a id=\"user-content-changelog\" class=\"anchor\" href=\"https:\/\/github.com\/mrlong\/bootstrap3-validation.js\/blob\/master\/README.md#changelog\"><\/a>ChangeLog<\/h2>\n<ul>\n<li>5. 1.0.4 \u4fee\u6539\u5728textarea\u6ca1\u6709type\u65f6\u7684\u9519\u8bef\u5e76\u6269\u5c55valid\uff08\uff09\u65b9\u6cd5\u3002 2014-6-15 \u5df4\u897f\u4e16\u754c\u676f \u82f1\u683c\u51701-\u610f\u5927\u52292<\/li>\n<li>4. 1.0.3 \u4fee\u6539\u652f\u6301IE8\uff0cArray.indexOf() \u6539\u4e3a $.inArray()<\/li>\n<li>3. 1.0.2 \u589e\u52a0\u57fa\u672c\u8868\u5355\u4e0e\u5185\u8054\u8868\u5355\u6837\u5f0f\u3002<\/li>\n<li>2. 1.0.1 callback\u663e\u793a\u63d0\u793a\u7684\u4fe1\u606f\u3002 2013-10-5<\/li>\n<li>1. 1.0.0 \u521b\u5efa\u6587\u4ef6<\/li>\n<\/ul>\n<h2><a id=\"user-content-\u529f\u80fd\u53c2\u6570\" class=\"anchor\" href=\"https:\/\/github.com\/mrlong\/bootstrap3-validation.js\/blob\/master\/README.md#%E5%8A%9F%E8%83%BD%E5%8F%82%E6%95%B0\"><\/a>\u529f\u80fd\u53c2\u6570<\/h2>\n<pre><code> check-type=\r\n    required \u4e0d\u80fd\u4e3a\u7a7a\uff0c\u5e76\u5728\u540e\u9762\u81ea\u52a8\u52a0*\u53f7\r\n    url  \u8868\u793a \u8f93\u5165\u7f51\u5740\r\n    date \u65e5\u671f\u683c\u5f0f xxxx-xx-xx\r\n    mail \u90ae\u7bb1\r\n    number \u6570\u5b57\uff0c\u53ef\u4ee5\u6574\u578b\uff0c\u6d6e\u70b9\u578b\u3002\r\n    char \r\n    chinese \u4e2d\u6587\r\n mail-message=\"\u6269\u5c55\u63d0\u793a\u5185\u5bb9\" \uff0c \u53ef\u4ee5\u6269\u5c55data-message,url-message  \r\n mixlength=\"6\" \u8868\u793a\u957f\u5ea6\u5927\u4e8e\u7b49\u4e8e6\r\n range=\"2.1~3\"   \u8868\u793a\u503c\u5728[2.1~3]\u4e4b\u95f4\uff0c\u5e76check-type=\"number\"\r\n range=\"2.1,2,4,5\"   \u8868\u793a\u503c\u5728\u53ea\u80fd\u586b\u73b0\u6570\u5b57\uff0c\u5e76check-type=\"number\" \r\n\r\n\r\n \u4f8b\u5982:\r\n  $(\"form\").validation(function(obj,params){\r\n     if (obj.id=='mail'){\r\n       $.post(\"\/verifymail\",{mail :$(obj).val()},function(data){\r\n         params.err = !data.success;\r\n         params.msg = data.msg;\r\n        });\r\n     }},\r\n     {reqmark:false}\r\n    );\r\n<\/code><\/pre>\n<h1><a id=\"user-content-\u4f7f\u7528\u65b9\u6cd5\" class=\"anchor\" href=\"https:\/\/github.com\/mrlong\/bootstrap3-validation.js\/blob\/master\/README.md#%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95\"><\/a>\u4f7f\u7528\u65b9\u6cd5\uff1a<\/h1>\n<h2><a id=\"user-content-js\" class=\"anchor\" href=\"https:\/\/github.com\/mrlong\/bootstrap3-validation.js\/blob\/master\/README.md#js\"><\/a>js:<\/h2>\n<div class=\"highlight highlight-source-js\">\n<pre><span class=\"pl-k\">&lt;<\/span>script type<span class=\"pl-k\">=<\/span><span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>text\/javascript<span class=\"pl-pds\">\"<\/span><\/span><span class=\"pl-k\">&gt;<\/span>\r\n <span class=\"pl-en\">$<\/span>(<span class=\"pl-k\">function<\/span>(){\r\n   <span class=\"pl-c\">\/\/1. \u7b80\u5355\u5199\u6cd5\uff1a<\/span>\r\n   <span class=\"pl-en\">$<\/span>(<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>form<span class=\"pl-pds\">\"<\/span><\/span>).<span class=\"pl-en\">validation<\/span>();\r\n   <span class=\"pl-en\">$<\/span>(<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>button[type='submit']<span class=\"pl-pds\">\"<\/span><\/span>).<span class=\"pl-en\">on<\/span>(<span class=\"pl-s\"><span class=\"pl-pds\">'<\/span>click<span class=\"pl-pds\">'<\/span><\/span>,<span class=\"pl-k\">function<\/span>(<span class=\"pl-c1\">event<\/span>){\r\n     <span class=\"pl-c\">\/\/ 2.\u6700\u540e\u8981\u8c03\u7528 valid()\u65b9\u6cd5\u3002<\/span>\r\n     <span class=\"pl-k\">if<\/span> (<span class=\"pl-en\">$<\/span>(<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>form<span class=\"pl-pds\">\"<\/span><\/span>).<span class=\"pl-en\">valid<\/span>(<span class=\"pl-v\">this<\/span>,<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>error!<span class=\"pl-pds\">\"<\/span><\/span>)<span class=\"pl-k\">==<\/span><span class=\"pl-c1\">false<\/span>){\r\n       <span class=\"pl-c\">\/\/$(\"#error-text\").text(\"error!\"); 1.0.4\u7248\u672c\u5df2\u5c06\u63d0\u793a\u76f4\u63a5\u5185\u7f6e\u6389\uff0c\u7b80\u5316\u524d\u7aef\u3002<\/span>\r\n       <span class=\"pl-k\">return<\/span> <span class=\"pl-c1\">false<\/span>;\r\n     }\r\n   })  })\r\n<span class=\"pl-k\">&lt;<\/span><span class=\"pl-k\">\/<\/span>script<span class=\"pl-k\">&gt;<\/span><\/pre>\n<\/div>\n<h3><a id=\"user-content-\u540e\u53f0\u6570\u636e\u5224\u65ad\u5982\u7528\u6237\u90ae\u7bb1\u662f\u5426\u5df2\u6ce8\u518c\u8fc7\u4e86\" class=\"anchor\" href=\"https:\/\/github.com\/mrlong\/bootstrap3-validation.js\/blob\/master\/README.md#%E5%90%8E%E5%8F%B0%E6%95%B0%E6%8D%AE%E5%88%A4%E6%96%AD%E5%A6%82%E7%94%A8%E6%88%B7%E9%82%AE%E7%AE%B1%E6%98%AF%E5%90%A6%E5%B7%B2%E6%B3%A8%E5%86%8C%E8%BF%87%E4%BA%86\"><\/a>\u540e\u53f0\u6570\u636e\u5224\u65ad\uff0c\u5982\u7528\u6237\u90ae\u7bb1\u662f\u5426\u5df2\u6ce8\u518c\u8fc7\u4e86\u3002<\/h3>\n<div class=\"highlight highlight-source-js\">\n<pre><span class=\"pl-en\">$<\/span>(<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>form<span class=\"pl-pds\">\"<\/span><\/span>).<span class=\"pl-en\">validation<\/span>(<span class=\"pl-k\">function<\/span>(<span class=\"pl-smi\">obj<\/span>,<span class=\"pl-smi\">params<\/span>){\r\n     <span class=\"pl-k\">if<\/span> (<span class=\"pl-smi\">obj<\/span>.<span class=\"pl-c1\">id<\/span><span class=\"pl-k\">==<\/span><span class=\"pl-s\"><span class=\"pl-pds\">'<\/span>mail<span class=\"pl-pds\">'<\/span><\/span>){\r\n       <span class=\"pl-smi\">$<\/span>.<span class=\"pl-en\">post<\/span>(<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>\/verifymail<span class=\"pl-pds\">\"<\/span><\/span>,{mail <span class=\"pl-k\">:<\/span><span class=\"pl-en\">$<\/span>(obj).<span class=\"pl-en\">val<\/span>()},<span class=\"pl-k\">function<\/span>(<span class=\"pl-smi\">data<\/span>){\r\n         <span class=\"pl-smi\">params<\/span>.<span class=\"pl-smi\">err<\/span> <span class=\"pl-k\">=<\/span> <span class=\"pl-k\">!<\/span><span class=\"pl-smi\">data<\/span>.<span class=\"pl-smi\">success<\/span>;\r\n         <span class=\"pl-smi\">params<\/span>.<span class=\"pl-smi\">msg<\/span> <span class=\"pl-k\">=<\/span> <span class=\"pl-smi\">data<\/span>.<span class=\"pl-smi\">msg<\/span>;\r\n        });\r\n     }},\r\n     {reqmark<span class=\"pl-k\">:<\/span><span class=\"pl-c1\">false<\/span>}\r\n    );<\/pre>\n<\/div>\n<h2><a id=\"user-content-html\" class=\"anchor\" href=\"https:\/\/github.com\/mrlong\/bootstrap3-validation.js\/blob\/master\/README.md#html\"><\/a>html:<\/h2>\n<div class=\"highlight highlight-text-html-basic\">\n<pre>  &lt;<span class=\"pl-ent\">form<\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>form-horizontal<span class=\"pl-pds\">\"<\/span><\/span>  <span class=\"pl-e\">action<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>#<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">role<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>form<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n      &lt;<span class=\"pl-ent\">div<\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>form-group<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n        &lt;<span class=\"pl-ent\">label<\/span> <span class=\"pl-e\">for<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>mail<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>col-sm-2 control-label<span class=\"pl-pds\">\"<\/span><\/span>&gt;Email&lt;\/<span class=\"pl-ent\">label<\/span>&gt;\r\n        &lt;<span class=\"pl-ent\">div<\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>col-sm-6<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n          &lt;<span class=\"pl-ent\">input<\/span> <span class=\"pl-e\">type<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>text<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>form-control<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">id<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>mail<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">placeholder<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>xxxx@qq.com<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">check-type<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>mail required<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n        &lt;\/<span class=\"pl-ent\">div<\/span>&gt;\r\n      &lt;\/<span class=\"pl-ent\">div<\/span>&gt;\r\n\r\n      &lt;<span class=\"pl-ent\">div<\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>form-group<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n        &lt;<span class=\"pl-ent\">label<\/span> <span class=\"pl-e\">for<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>name<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>col-sm-2 control-label<span class=\"pl-pds\">\"<\/span><\/span>&gt;\u7528\u6237\u540d&lt;\/<span class=\"pl-ent\">label<\/span>&gt;\r\n        &lt;<span class=\"pl-ent\">div<\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>col-sm-6<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n          &lt;<span class=\"pl-ent\">input<\/span> <span class=\"pl-e\">type<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>text<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>form-control<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">id<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>name<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">check-type<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>required<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">required-message<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>\u8bf7\u586b\u5199\u4f60\u7684\u5927\u540d\u3002<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n        &lt;\/<span class=\"pl-ent\">div<\/span>&gt;\r\n      &lt;\/<span class=\"pl-ent\">div<\/span>&gt;\r\n\r\n      &lt;<span class=\"pl-ent\">div<\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>form-group<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n        &lt;<span class=\"pl-ent\">label<\/span> <span class=\"pl-e\">for<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>pw1<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>col-sm-2 control-label<span class=\"pl-pds\">\"<\/span><\/span>&gt;\u5bc6\u7801&lt;\/<span class=\"pl-ent\">label<\/span>&gt;\r\n        &lt;<span class=\"pl-ent\">div<\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>col-sm-6<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n          &lt;<span class=\"pl-ent\">input<\/span> <span class=\"pl-e\">type<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>password<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>form-control<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">id<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>pw1<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">check-type<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>required<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">minlength<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>6<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n        &lt;\/<span class=\"pl-ent\">div<\/span>&gt;\r\n      &lt;\/<span class=\"pl-ent\">div<\/span>&gt;\r\n\r\n      &lt;<span class=\"pl-ent\">div<\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>form-group<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n        &lt;<span class=\"pl-ent\">label<\/span> <span class=\"pl-e\">for<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>pw2<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>col-sm-2 control-label<span class=\"pl-pds\">\"<\/span><\/span>&gt;\u786e\u8ba4\u5bc6\u7801&lt;\/<span class=\"pl-ent\">label<\/span>&gt;\r\n        &lt;<span class=\"pl-ent\">div<\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>col-sm-6<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n          &lt;<span class=\"pl-ent\">input<\/span> <span class=\"pl-e\">type<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>password<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>form-control<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">id<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>pw2<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">check-type<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>required<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">minlength<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>6<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n        &lt;\/<span class=\"pl-ent\">div<\/span>&gt;\r\n      &lt;\/<span class=\"pl-ent\">div<\/span>&gt;  \r\n\r\n      &lt;<span class=\"pl-ent\">div<\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>form-group<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n        &lt;<span class=\"pl-ent\">label<\/span> <span class=\"pl-e\">for<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>vercode<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>col-sm-2 control-label<span class=\"pl-pds\">\"<\/span><\/span>&gt;\u9a8c\u8bc1\u7801&lt;\/<span class=\"pl-ent\">label<\/span>&gt;\r\n        &lt;<span class=\"pl-ent\">div<\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>col-sm-6<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n          &lt;<span class=\"pl-ent\">input<\/span> <span class=\"pl-e\">type<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>text<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>form-control<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">id<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>vercode<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">check-type<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>number<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">range<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>2.2,5<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n        &lt;\/<span class=\"pl-ent\">div<\/span>&gt;\r\n      &lt;\/<span class=\"pl-ent\">div<\/span>&gt;  \r\n\r\n      &lt;<span class=\"pl-ent\">div<\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>form-group<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n        &lt;<span class=\"pl-ent\">div<\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>col-sm-offset-2 col-sm-10<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n          &lt;<span class=\"pl-ent\">button<\/span> <span class=\"pl-e\">type<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>submit<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>btn btn-primary col-sm-4<span class=\"pl-pds\">\"<\/span><\/span>&gt;\u6ce8\u518c&lt;\/<span class=\"pl-ent\">button<\/span>&gt;\r\n        &lt;\/<span class=\"pl-ent\">div<\/span>&gt;\r\n      &lt;\/<span class=\"pl-ent\">div<\/span>&gt;\r\n\r\n      &lt;<span class=\"pl-ent\">div<\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>form-group<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n        &lt;<span class=\"pl-ent\">div<\/span> <span class=\"pl-e\">class<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>col-sm-offset-2 col-sm-10<span class=\"pl-pds\">\"<\/span><\/span>&gt;\r\n          &lt;<span class=\"pl-ent\">span<\/span> <span class=\"pl-e\">id<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>error-text<span class=\"pl-pds\">\"<\/span><\/span> <span class=\"pl-e\">style<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>color: #FF0000;<span class=\"pl-pds\">\"<\/span><\/span>&gt;&lt;\/<span class=\"pl-ent\">span<\/span>&gt;\r\n        &lt;\/<span class=\"pl-ent\">div<\/span>&gt;\r\n      &lt;\/<span class=\"pl-ent\">div<\/span>&gt;\r\n\r\n    &lt;\/<span class=\"pl-ent\">form<\/span>&gt;<\/pre>\n<\/div>\n<p>bootstrap3 validation\uff1a<a href=\"https:\/\/github.com\/mrlong\/bootstrap3-validation.js\/blob\/master\/README.md\" target=\"_blank\">https:\/\/github.com\/mrlong\/bootstrap3-validation.js\/blob\/master\/README.md<\/a><\/p>\n<p>\u8f6c\u8f7d\u8bf7\u6ce8\u660e\uff1a<a href=\"https:\/\/www.chenweikang.top\">\u5de6\u624b\u4ee3\u7801\u53f3\u624b\u8bd7<\/a> &raquo; <a href=\"https:\/\/www.chenweikang.top\/?p=171\">Bootstrap3-validation \u8868\u5355\u9a8c\u8bc1\u63d2\u4ef6<\/a><\/p><div class=\"__youshang\">\r\n            <div id=\"__youshang_popup\" class=\"wechat popup\" style=\"display: none;\">\r\n                <div class=\"head\">~\u8c22\u8c22\u6253\u8d4f~<\/div>\r\n                <div class=\"qrcode\"><div class=\"qrcode-li wechat\" ><img src=\"https:\/\/www.chenweikang.top\/wp-content\/uploads\/2019\/07\/wexin.png\" \/><\/div><div class=\"qrcode-li alipay\" style=\"display:none;\"><img src=\"https:\/\/www.chenweikang.top\/wp-content\/uploads\/2019\/07\/ali-pay.png\" \/><\/div><div class=\"qrcode-li hongbao\" style=\"display:none;\"><img src=\"https:\/\/www.chenweikang.top\/wp-content\/uploads\/2019\/07\/ali-hongbao.png\" \/><\/div><\/div>\r\n                <ul class=\"platform\"><li class=\"icon-wechat active\" data-bg-color=\"#05af4e\" data-thanks=\"~\u8c22\u8c22\u6253\u8d4f~\"><\/li><li class=\"icon-alipay \" data-bg-color=\"#00a2ea\" data-thanks=\"~\u8c22\u8c22\u6253\u8d4f~\"><\/li><li class=\"icon-hongbao \" data-bg-color=\"#dd5746\" data-thanks=\"<p>\u626b\u7801\u9886\u7ea2\u5305<\/p><p style='margin-top: 24px;'>\uff08\u4f59\u989d\u5b9d\u652f\u4ed8\u65f6\u53ef\u62b5\u73b0\uff09<\/p>\"><\/li><\/ul>\r\n            <\/div>\r\n            <a href=\"javascript:void(0);\" id=\"__youshang_btn\">\u8d4f<\/a>\r\n        <\/div>","protected":false},"excerpt":{"rendered":"<p>home: http:\/\/www.mrlong.cn jQuery plugin for bootstrap3 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":170,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[36],"class_list":["post-171","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-website","tag-bootstrap"],"_links":{"self":[{"href":"https:\/\/www.chenweikang.top\/index.php?rest_route=\/wp\/v2\/posts\/171","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chenweikang.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.chenweikang.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.chenweikang.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.chenweikang.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=171"}],"version-history":[{"count":0,"href":"https:\/\/www.chenweikang.top\/index.php?rest_route=\/wp\/v2\/posts\/171\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.chenweikang.top\/index.php?rest_route=\/wp\/v2\/media\/170"}],"wp:attachment":[{"href":"https:\/\/www.chenweikang.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.chenweikang.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.chenweikang.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}