{"id":84013,"date":"2020-05-13T20:05:12","date_gmt":"2020-05-13T12:05:12","guid":{"rendered":"http:\/\/4563.org\/?p=84013"},"modified":"2020-05-13T20:05:12","modified_gmt":"2020-05-13T12:05:12","slug":"%e4%bd%bf%e7%94%a8-jquery-validate-%e6%8f%92%e4%bb%b6%e5%af%b9%e5%8a%a8%e6%80%81%e6%96%b0%e5%a2%9e%e7%9a%84%e8%a1%a8%e5%8d%95%e8%bf%9b%e8%a1%8c%e6%a0%a1%e9%aa%8c","status":"publish","type":"post","link":"http:\/\/4563.org\/?p=84013","title":{"rendered":"\u4f7f\u7528 jquery.validate \u63d2\u4ef6\u5bf9\u52a8\u6001\u65b0\u589e\u7684\u8868\u5355\u8fdb\u884c\u6821\u9a8c"},"content":{"rendered":"
\n
\n
\n

\u4f7f\u7528 jquery.validate \u63d2\u4ef6\u5bf9\u52a8\u6001\u65b0\u589e\u7684\u8868\u5355\u8fdb\u884c\u6821\u9a8c <\/h1>\n

<\/p>\n

\n
\u8cc7\u6df1\u5927\u4f6c : fanne <\/span> <\/i> 1<\/span> <\/div>\n
<\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/p><\/div>\n
<\/p>\n

\u76ee\u524d\u63d0\u4ea4\u8868\u5355\u7684\u65f6\u5019\u53ea\u4f1a\u5bf9\u7b2c\u4e00\u884c\u8868\u5355\u80fd\u751f\u6548\uff0c\u65b0\u589e\u7684\u8868\u5355\u65e0\u6cd5\u6821\u9a8c<\/h3>\n

\u5982\u4f55\u5bf9\u52a8\u6001\u751f\u6210\u7684\u8868\u5355\u8fdb\u884c\u540c\u6b65\u6821\u9a8c\uff1f<\/h3>\n
<script src=\"{% static 'js\/jquery-2.1.1.js' %}\"><\/script> <script src=\"{% static 'js\/bootstrap.js' %}\"><\/script> <script src=\"{% static 'js\/jquery.validate.js' %}\"><\/script> <script src=\"{% static 'js\/messages_zh.min.js' %}\"><\/script> <script type=\"text\/javascript\" src=\"{% static 'js\/jquery.editable-select.min.js' %}\"><\/script> <form class=\"form-horizontal\" id=\"jsStayForm\" method=\"post\">     <table>         <tr id=\"tradds\">             <td>                 <select class=\"form-control m-b\" name=\"virtual_cpu\" id=\"virtual_cpu\" autocomplete=\"off\">                         {% for  cpu_i in cpu_list %}                             <option value=\"{{ cpu_i }}\">{{  cpu_i  }}<\/option>                         {% endfor %}                 <\/select>             <\/td>             <td>                 <select class=\"form-control m-b\" name=\"virtual_mem\" id=\"virtual_mem\" autocomplete=\"off\">                         {% for  mem_i in mem_list %}                             <option value=\"{{ mem_i }}\">{{  mem_i  }}<\/option>                         {% endfor %}                 <\/select>             <\/td>     <\/table>     <button class=\"btn btn-primary\" type=\"button\" id=\"addCenterIpGrpBtn\" onclick=\"addCenterIpGrp(this)\">\u65b0\u589e\u4e00\u884c<\/button>     <button class=\"btn btn-primary btn-danger\"  id=\"jsStayBtn\">\u6dfb\u52a0\u865a\u62df\u673a<\/button> <\/form>  <script type=\"text\/javascript\">  ##\u6b64\u5904\u662f\u8fdb\u884c\u4f7f\u7528\u63d2\u4ef6\uff0c\u5bf9\u4e0b\u62c9\u83dc\u5355\u8fdb\u884c\u53ef\u8f93\u5165\u6269\u5c55 $('#virtual_cpu').editableSelect({  effects: 'slide' });  $('#virtual_mem').editableSelect({  effects: 'slide' });   ### \u6b64\u5904\u5bf9\u9700\u8981\u52a8\u6001\u6dfb\u52a0\u8f93\u5165\u8868\u5355\u8fdb\u884c\u6269\u5c55 var varCount =1; function addCenterIpGrp(obj) {     varCount++;     console.log(varCount);     html = '<tr id=\"tradds\">n' +         '    <td>n' +         '        <select class=\"form-control\" name=\"virtual_cpu\" id=\"virtual_cpu' + varCount + '\" autocomplete=\"off\">n' +         '                {% for  cpu_i in cpu_list %}n'+             '                    <option value=\"{{ cpu_i }}\">{{  cpu_i  }}<\/option>n'+             '                {% endfor %}n' +         '        <\/select>n' +         '    <\/td>n' +         '    <td>n' +         '        <select class=\"form-control m-b\" name=\"virtual_mem\" id=\"virtual_mem' + varCount + '\" autocomplete=\"off\">n' +         '                {% for  mem_i in mem_list %}n'+             '                    <option value=\"{{ mem_i }}\">{{  mem_i  }}<\/option>n'+             '                {% endfor %}n' +         '        <\/select>n' +         '    <\/td>n' +         '<\/tr>';      ### \u52a8\u6001\u65b0\u589e\u8868\u5355     var d1 = document.getElementById('tradds');     d1.insertAdjacentHTML('afterend', html);      $(\"#virtual_cpu\" + varCount).editableSelect({         effects: 'slide'     });      $(\"#virtual_mem\" + varCount).editableSelect({         effects: 'slide'     });      ### \u5728\u6b64\u5904\uff0c\u5bf9\u52a8\u6001\u6dfb\u52a0\u7684\u8868\u5355\u4f7f\u7528 jquery.validate \u6821\u9a8c     $(\"#virtual_cpu\" + varCount).rules(\"add\", {         required: true,         digits: true,         min: 1,         max: 64,         messages: {             digits: \"\u8bf7\u8f93\u5165\u6b63\u6574\u6570\"         }     }); }   ##\u5bf9\u6574\u4f53\u8868\u5355\u8fdb\u884c\u6821\u9a8c $(\"#jsStayForm\").validate({     rules:{         virtual_cpu:{             required:true,             digits:true,             min:1,             max:64,         },         virtual_mem:{             required:true,             digits:true,             min: 1,             max: 128,         },              submitHandler:function(form) {         alert('ddd');          $.ajax({             .....         });      } });  <script> <\/code><\/pre>\n
\"\u4f7f\u7528<\/p>\n<\/p><\/div>\n
 \u5927\u4f6c\u6709\u8a71\u8aaa<\/b> (0<\/span>)        <\/div>\n
 <\/div>\n<\/p><\/div>\n<\/p><\/div>\n
    \n
  • \n","protected":false},"excerpt":{"rendered":"
    \u4f7f\u7528 jquery.validat…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"_links":{"self":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/84013"}],"collection":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=84013"}],"version-history":[{"count":0,"href":"http:\/\/4563.org\/index.php?rest_route=\/wp\/v2\/posts\/84013\/revisions"}],"wp:attachment":[{"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=84013"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=84013"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/4563.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=84013"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}