成都网站建设设计

将想法与焦点和您一起共享

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

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

创新互联公司服务热线:18982081108,为您提供成都网站建设网页设计及定制高端网站建设服务,创新互联公司网页制作领域10余年,包括公路钻孔机等多个行业拥有多年的营销推广经验,选择创新互联公司,为企业保驾护航。

注:引入相关的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许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


当前题目:jQuryeasyui(3)——Form表单基本校验-创新互联
新闻来源:http://chengdu.cdxwcx.cn/article/epsod.html