Validform驗證控件使用

1.查看下載文件中的style.css，把裏面Validform必須部分複製到你的css中（文件裏這個註釋 "/*==========以下部分是Validform必須的===========*/" 之後的部分是必須的）。之前發現有部分網友把整個style.css都引用在了頁面裏，然後發現樣式衝突了。

2.引入jquery

<script type="text/javascript" src="/JS/front/jquery-1.7.1.min.js"></script>

引入Validform插件

<script src="/JS/front/Validform_v5.3.2.js" type="text/javascript"></script>

3.

 var accountValid = $("#form1").Validform({
               //(第一種，需要在驗證的表單元素後面加<span class='Validform_checktip'></span>)
                tiptype: function (msg, o, cssctl) {
                    if (!o.obj.is("form")) {//驗證表單元素時o.obj爲該表單元素，全部驗證通過提交表單時o.obj爲該表單對象;
                        var objtip = o.obj.siblings(".Validform_checktip");
                        cssctl(objtip, o.type);
                        objtip.text(msg);
                    }
                }
            });

var accountValid = $("#form1").Validform({
                //(第二種，不需要在驗證的表單元素後面加span class='Validform_checktip'></span>)
                tiptype: function (msg, o, cssctl) {
                    if (!o.obj.is("form")) {
                        if (o.obj.parent().find(".Validform_checktip").length == 0) {
                            o.obj.parent().append("<span class='Validform_checktip' />");
                        }
                        var objtip = o.obj.siblings(".Validform_checktip");
                        cssctl(objtip, o.type);
                        objtip.text(msg);
                    }
                }
            });

       accountValid.addRule([//給需要驗證的元素綁定屬性
                {
                    ele: "#txtCardnbr",
                    datatype: "/^[0-9]{19}$/",//Validform正則要加//
                    tip: "請輸入存管銀行賬戶號",
                    nullmsg: "存管銀行賬戶號不能爲空！",
                    errormsg: "存管銀行電子賬號必須是19位！"
                }
            ]);

4.驗證通過執行方法

 $("#btnCompKH").click(function () {
        if (accountValid.check(false)) {
            //驗證通過執行的方法
        }
 });

5.要忽視一個文本框的驗證

 accountValid.ignore('#lianhanghao');   //要忽視驗證的文本框id

accountValid.ignore('#lianhanghao,#lianhanghao1');   //要忽視驗證的多個文本框id

6.不忽視文本框的驗證

accountValid.unignore('#lianhanghao');