EasyUI easyui-textbox,easyui-validatebox的自定义校验

最新推荐文章于 2020-07-30 09:01:51 发布

落泪的只有我

最新推荐文章于 2020-07-30 09:01:51 发布

阅读量2.8k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/luolei3344/article/details/68490495

JavaScript 同时被 3 个专栏收录

3 篇文章

订阅专栏

JQuery

2 篇文章

订阅专栏

EasyUI

2 篇文章

订阅专栏

本文介绍了一种在前端表单中实现自定义验证的方法，包括整数或小数验证、英文数字验证等。通过扩展jQuery插件的方式，增加了如数字输入、中文字符检测、特殊字符过滤等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//自定义验证
$.extend($.fn.validatebox.defaults.rules, {
    intOrFloat: { // 验证整数或小数
        validator: function(value) {
            return /^\d+(\.\d+)?$/i.test(value);
        },
        message: '请输入数字，并确保格式正确'
    },
    englishOrNum: { // 只能输入英文和数字
        validator: function(value) {
            return /^[a-zA-Z0-9_ ]{1,}$/.test(value);
        },
        message: '请输入英文、数字、下划线或者空格'
    }
});
$.extend($.fn.textbox.defaults.rules, {
    number: {
        validator: function(value, param) {
            return /^[0-9]*$/.test(value);
        },
        message: "请输入数字"
    },
    chinese: {
        validator: function(value, param) {
            var reg = /^[\u4e00-\u9fa5]+$/i;
            return reg.test(value);
        },
        message: "请输入中文"
    },
    nochinese: {
        validator: function(value, param) {
            var reg1 = /.*[\u4e00-\u9fa5]+.*/i;
            var reg2 = new RegExp("[！￥（）【】；：、？，。]");
            return ! reg1.test(value) && !reg2.test(value);
        },
        message: "不允许输入中文字符"
    },
    nofullWidthCharacter: {
        validator: function(value, param) {
            var reg = /.*[\uff00-\uffff]+.*/i;
            return ! reg.test(value);
        },
        message: "不允许输入全角字符"
    },    
    checkLength: {
        validator: function(value, param) {
            return param[0] >= value.length;
        },
        message: '请输入最大{0}位字符'
    },
    specialCharacter: {
        validator: function(value, param) {
            var reg = new RegExp("[`~!@#$^&*()=|{}':;'\\[\\]<>~！@#￥……&*（）——|{}【】‘；：”“'、？]");
            return ! reg.test(value);
        },
        message: '不允许输入特殊字符'
    },
    englishLowerCase: {
        validator: function(value) {
            return /^[a-z]+$/.test(value);
        },
        message: '请输入小写字母'
    }
});