easyui的验证

最新推荐文章于 2025-08-15 09:01:53 发布

转载最新推荐文章于 2025-08-15 09:01:53 发布 · 50 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qiywtc/p/4451255.html

文章标签：

#javascript #ViewUI

加一个JS来重写验证，文件名为：validator.js

内容为：

//扩展easyui表单的验证
$.extend($.fn.validatebox.defaults.rules, {
    //验证汉子
    CHS: {
        validator: function (value) {
            return /^[\u0391-\uFFE5]+$/.test(value);
        },
        message: '只能输入汉字'
    },
    //移动手机号码验证
    mobile: {//value值为文本框中的值
        validator: function (value) {
            //var reg = /^1[3|4|5|8|9]\d{9}$/;
            var reg = /^^(1(([35][0-9])|(47)|[8][012356789]))[0-9]{8}$|\d{3}-\d{8}|\d{4}-\{7,8}|\d{7,8}$/;
            return reg.test(value);
        },
        message: '输入手机号码格式不准确.'
    },
    //国内邮编验证
    zipcode: {
        validator: function (value) {
            ///^[1-9]\d{5}$/;
            var reg = /^[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?$/; 
            return reg.test(value);
        },
        message: '邮编格式不准确.'
    },
    //用户账号验证(只能包括 _ 数字 字母) 
    account: {//param的值为[]中值
        validator: function (value, param) {
            if (value.length < param[0] || value.length > param[1]) {
                $.fn.validatebox.defaults.rules.account.message = '用户名长度必须在' + param[0] + '至' + param[1] + '范围';
                return false;
            } else {
                if (!/^[\w]+$/.test(value)) {
                    $.fn.validatebox.defaults.rules.account.message = '用户名只能数字、字母、下划线组成.';
                    return false;
                } else {
                    return true;
                }
            }
        }, message: ''
    }
})

在网站上：

//必填
required="true"

//必须为数字格式
class="easyui-numberbox" missingMessage="编号必须为数字格式"

//必须是email
validType="email"

//必须是电话号码
validtype="mobile"

比如：

<input type="text" id="addNum" class="easyui-numberbox"  missingMessage="编号必须为数字格式" />

注：这里我是假设已经加入了easyui框架了的。这个功能是在那之上运行的。

转载于:https://www.cnblogs.com/qiywtc/p/4451255.html