一、Validform可以做什么？

1、可以对表单form下的表单元素的内容在提交前进行前台和后台（ajax方式）验证正确性；


二、Validform的使用方法

1、导入相应的css和js文件

①css的引入：引入Validform包下的style.css文件里的/*==========以下部分是Validform必须的===========*/的那一部分；

②js的引入：jquery库和Validform的js，注意先后顺序

③在script脚本里加入以下语句即可

$(".form").Validform();

其中.form是表单对象的标识


三、解析Validform的附加属性

    附加属性是指可以在表单标签里使用的额外属性，类似class属性，具体功能由Validform实现。

1、datatype

    ①指定表单元素的内容需要符合的规则，可以是正则表达式，也可以是js函数。

    ②内置的datatype：

  • *：不能为空；

  • *6-16：是否为6到16位任意字符；6和16可以修改；

  • n:非负整数；

  • n6-16：6到16位数字；

  • s:字符串；

  • s6-18：6到18位字符串；

  • p：验证是否为邮政编码；

  • m：手机号码格式；

  • e：email格式；

  • url：验证字符串是否为网址。

    ③自定义datatype

     --使用$(".form").Validform()时传入以datatype为名，以datatype的类型名和规则为值得json为值得json格式。

    --以function形式定义datatype：                              
       "datatype名":function(gets,obj,curform,regxp){}

        gets表单元素的值，obj表单元素，curform整个表单，regxp内置的正则；

        在function里return true表示验证通过，return false表示验证失败

2、nullmsg，errormsg，sucmsg

    表示表单值为空、验证失败、验证成功的提示信息

3、recheck

    recheck="另一个表单元素的name属性值",表示两个表单元素的值要一样

4、ignore

    ignore="ignore",表示在表单元素有输入内容时验证，否则忽略

5、ajaxurl

    对表单元素内容进行实时验证的后台文件的地址；

    后台文件可通过request.getparameter("param")获取表单元素值；

            可通过request.getparameter("name")获取表单元素的name属性值；

            返回json字符串中的status表示验证是否通过，y表示通过，n表示失败。


四、调用Validform方法常用参数说明

1、tiptype

    指定提示信息的显示风格；

    ①内置的tiptype：1，2,3,4  

    ②自定义tiptype

    tiptype:function(msg,o,cssctl){
        //msg：提示信息;
        //o:{obj:*,type:*,curform:*},
        //obj指向的是当前验证的表单元素（或表单对象，验证全部验证通过，提交表单时o.obj为该      表单对象），
        //type指示提示的状态，值为1、2、3、4， 1：正在检测/提交数据，2：通过验证，3：验        证失败，4：提示ignore状态,
        //curform为当前form对象;
        //cssctl:内置的提示信息样式控制函数，该函数需传入两个参数：显示提示信息的对象 和     当前提示的状态（既形参o中的type）;
    }  

    eg:

    

function my_tiptype(msg,o,cssctl){
    
    if(!o.obj.is("form")){
        var objtip=o.obj.parent("td").find(".Validform_checktip");
        if(o.type==2){
            objtip.fadeOut(300);
        }else {
            if(objtip.is(":visible")) return;
            objtip.empty().addClass("ui_tooltip");
            objtip.append("" + msg);
            objtip.fadeIn(300);
        }
    }    
}

2、btnSubmit:指定表单提交的按钮

3、beforeCheck：指定表单执行验证之前执行的函数

4、beforeSubmit：指定表单验证通过后提交前执行的函数

5、datatype：自定义验证类型，与【附加属性】中的datatype对应