jQuryeasyui(3)——Form表单基本校验-创新互联

在使用form表单时，输入的属性是有格式要求或长度等等要求的，可以使用js实现也可使用后台实现。例如：在新增用户信息时，用户名是必须填写的并要有长度限制等等，email要有格式限制等等。使用jQuery easyui实现验证：

注：引入相关的js、css文件

html代码：

    

        

        

        

            
账户：
            

        
        

            
密码：
            

        
        

            
性别：
            
男
                  女
            
        
        

            
生日：
            

        
        

            
城市：
            

        
        

            
薪金：
            

        
        

            
邮箱：
            
            

        
        
        
    

jQuery代码：

$(document).ready(function(){
    //自定义校验
    $.extend($.fn.validatebox.defaults.rules, {
        //自定义验证的名称
        UserLength: {
            //value 是输入的值，param是html中（UserLength[2,7]）参数值
            validator: function(value, param){
                return value.length >= param[0]&&value.length <= param[1];
            },
         //不符合自定义验证时的提示信息
            message: '账户字符的长度必须在{0}到{1}个间.'
        },
        PwdLength:{
            validator:function(value,param){
                return value.length >=6 ;
            },
            message:"密码长度至少为{0}位"
        }
    });
                                             
    //日期输入框
    $("#birthday").datebox();
                                             
    //下拉列表框 也可以使用select 标签实现
    $("#city").combobox({
        url:"city.json",
        valueField:"city",
        textField:"city"
    });
    //数字输入框 只允许输入数字
    $("#salary").numberbox({
        min:2000,
        max:100000,
        required:true,
        missingMessage:"薪资必填！",
        precision:2
                                                 
    });
});

city.json 下拉列表中要显示的值，如：

[

{"id":1,"city":"上海"},

{"id":2,"city":"北京"},

{"id":3,"city":"深圳"}

]

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。