{"id":2624,"date":"2015-10-22T13:31:00","date_gmt":"2015-10-22T05:31:00","guid":{"rendered":"http:\/\/blog.hoyo.idv.tw\/?p=2624"},"modified":"2024-06-17T11:09:46","modified_gmt":"2024-06-17T03:09:46","slug":"jquery-validationengine-v2-6-2","status":"publish","type":"post","link":"https:\/\/blog.hoyo.idv.tw\/?p=2624","title":{"rendered":"jQuery.validationEngine v2.6.2"},"content":{"rendered":"

--<\/p>\n

\u524d\u8a00<\/h2>\n

\u4e4b\u524d\u4f7f\u7528\u00a0jQuery Validation\u00a0\uff0c\u5728\u6aa2\u7d22\u6642\u770b\u5230\u4e86\u4e00\u5f35\u5716<\/p>\n

\"\"<\/p>\n

\u624d\u77e5\u9053\u9019\u662f\u53e6\u5916\u4e00\u500b jQuery Plugin \uff0c\u5c0d\u65bc\u9810\u8a2d\u7684\u8a2d\u8a08\u7406\u5ff5\u4f86\u8aaa\uff0cjQuery.validationEngine \u7684\u932f\u8aa4\u63d0\u9192\u4e0d\u6703\u7834\u58de\u539f\u8868\u55ae\u6392\u7248\uff0c\u6bd4\u8f03\u4e0d\u9700\u8981\u7cfe\u7d50\u8868\u55ae\u7d50\u69cb\u8a2d\u8a08\uff0c\u5c24\u5176\u662f\u7248\u9762\u5143\u7d20\u8f03\u591a\u7de8\u6392\u7dca\u6e4a\u7684\u60c5\u6cc1\u3002<\/p>\n

\u7a0b\u5f0f\u7bc4\u4f8b\u4e00\u6b21\u6f14\u793a\u591a\u500b\u4f7f\u7528\u5834\u666f<\/p>\n

    \n
  1. Bootstrap \u7684\u8868\u55ae\u5957\u7528<\/li>\n
  2. \u6a19\u6e96 HTML5\u00a0attribute \u8a2d\u5b9a<\/li>\n
  3. \u6b63\u78ba\u9a57\u8b49\u5f8c\u4f7f\u7528\u00a0XMLHttpRequest() \u9001\u51fa\u8cc7\u6599<\/li>\n<\/ol>\n
    <link rel=\"stylesheet\" href=\"\/APP\/Component_Front\/jQuery-Validation-Engine-master\/css\/validationEngine.jquery.css\"\/>\r\n<script src=\"\/APP\/Component_Front\/jQuery-Validation-Engine-master\/js\/languages\/jquery.validationEngine-zh_TW.js\"><\/script>\r\n<script src=\"\/APP\/Component_Front\/jQuery-Validation-Engine-master\/js\/jquery.validationEngine.js\"><\/script>\r\n\r\n<form id=\"idForm\" method=\"post\" enctype=\"multipart\/form-data\">\r\n    <div class=\"row\">\r\n        <div class=\"form-group\">\r\n            <label for=\"id_user_name\" class=\"col-sm-offset-1 col-sm-2 control-label\">\u59d4\u8a17\u4eba\u59d3\u540d<\/label>\r\n            <div class=\"col-sm-9\">\r\n                <input type=\"text\" class=\"form-control\" id=\"id_user_name\" name=\"user_name\" placeholder=\"\u8acb\u8f38\u5165\u59d4\u8a17\u4eba\u59d3\u540d\" data-validation-engine=\"validate[required]\" autofocus=\"\" \/>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"row\">\r\n        <div class=\"form-group\">\r\n            <label for=\"id_tel\" class=\"col-sm-offset-1 col-sm-2 control-label\">\u806f\u7d61\u96fb\u8a71<\/label>\r\n            <div class=\"col-sm-9\">\r\n                <input type=\"text\" class=\"form-control validate[required] \" id=\"id_tel\" name=\"tel\" placeholder=\"\u8acb\u8f38\u5165\u806f\u7d61\u96fb\u8a71\" \/>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"row\">\r\n        <div class=\"form-group\">\r\n            <label for=\"id_address\" class=\"col-sm-offset-1 col-sm-2 control-label\">\u5730\u5740<\/label>\r\n            <div class=\"col-sm-9\">\r\n                <input type=\"text\" class=\"form-control\" id=\"id_address\" name=\"address\" placeholder=\"\u8acb\u8f38\u5165\u6b63\u78ba\u7684\u5730\u5740\u4ee5\u65b9\u4fbf\u6211\u5011\u90f5\u5bc4\u5831\u7d19\u7d66\u60a8\" data-validation-engine=\"validate[required,minSize[10]]\"  data-errormessage-range-underflow=\"10!!!\" \/>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"form-group\">\r\n        <div class=\"col-sm-offset-3 col-sm-9  margintop25\">\r\n            <button type=\"submit\" id=\"btn-submit\" class=\"btn btn-primary\" >\u4fee\u6539<\/button>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <input type=\"hidden\" name=\"mode\" value=\"set\" \/>\r\n<\/form>\r\n\r\n\r\n<script>\r\n    $(function(){\r\n        $(\"#idForm\").validationEngine(\"attach\",{\r\n            onValidationComplete: function(form, status) {\r\n                if (status == true) {\r\n                    var Selectform = document.querySelector('#idForm');\r\n                    var fd = new FormData(Selectform);\r\n                    var xhr = new XMLHttpRequest();\r\n\r\n                    xhr.addEventListener(\"load\", uploadComplete, false);\r\n                    xhr.open(\"POST\", \"?act=Request&do=UserInfo&t=\" + Math.random(),true);\r\n                    xhr.send(fd);\r\n                }\r\n            },\r\n            promptPosition:\"topLeft\",\r\n            scroll:false\r\n        });\r\n    });\r\n<\/script>\r\n<\/pre>\n
    --<\/p>\n
    \u53c3\u8003\u8cc7\u6e90<\/h2>\n