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');