自带的默认验证

表单名称表单元素验证表达式验证表达式含义
用户名 (空)或者required非空验证
年龄 integer可为空的自然数
电话 phone可为空的电话号码
邮箱 email,required邮箱且不能为空
英文字母 required,letter不可以为空的英文字母
数值 number请输入数值
长度验证(固定长度) required,integer,length[12]数值不能为空且最大为12位
长度验证(范围长度1) letter_number,length[3-10]请输入长度为3-10位的数字、字母或下划线
长度验证(范围长度2) letter_number,length[3-]请输入长度为3位以上的数字、字母或下划线
长度验证(范围长度3) letter_number,length[-10]请输入长度为10位以下的数字、字母或下划线
专业 下拉框验证
描述 length[10-150]文本域需要10-150字
自定义 testCheck1先定义函数
function testCheck1(v){
    return v =='1' ? true : '请输入1';
}
再添加验证:VERY.addVerify("#testForm",{
    testCheck1:testCheck1
})
包装表单元素的背景容器
 
testDivCheck 先定义函数 function testDivCheck(){
     return $("#checkTest").prop("checked") ? true : "请勾选checkbox";
}

在表单元素中加入"drea-verify"属性来指定验证类型,加入"drea-tip"属性来指定验证失败的返回信息,例如:
注意:这些表单元素必须位于form元素内,且form元素有"drea-form"属性时,验证才会生效

需要同时满足多个验证时,使用英文逗号来分隔验证标识,例如:或者required,integer,testCheck1

html

        
    

js

        //修改配置
        VERY.extend({
            //一个中文占多少长度
            cht:2,
            msgSec:'\n',
            alertFunc:function(msg){
                alert(msg);
            }
        });

        VERY.addVerify("#testForm",{
            testCheck1:function(v){
                return v =='1' ? true : '请输入1';
            },
            testDivCheck: function(){
                return $("input[name=checkTest]:checked").length > 1 ? true : "请至少勾选2个checkbox";
            },
            testDivRadio:function(){
                return $("input[name=radioTest]:checked").length > 0 ? true : "请勾选radio";
            }
        });
        $("#subtn").click(function (){
            if(VERY.verify("#testForm")){
                alert('验证通过');
            }
        });