EasyUI表单验证共通整理

starsfun 发布于2019-08-26 10:11 / 3049人阅读

摘要：输入框停止输入之后就会进行输入内容校验在文本框右侧的气泡样式报错提示，默认错误提示样式表单验证只能包含字母数字数字字母正则判断输入的内容是否是纯数字字母，去掉输入值的特殊字符去掉输入值的中文字符重新给输入框赋值内容长度不能小于大于

输入框停止输入之后就会进行输入内容校验
在文本框右侧的气泡样式报错提示，默认错误提示样式

//easyui表单验证
$.extend($.fn.validatebox.defaults.rules, {
    //只能包含字母、数字 
    noFont: {
    validator: function(value, param) {  
        value=$.trim(value)
        var m_reg = new RegExp("^[0-9a-zA-Z]+$"); //数字字母正则
        var inputState=m_reg.test(value);//判断输入的内容是否是纯数字、字母
        var newval=value;
        newval=newval.replace(new RegExp("[+,/,,?,？,\%,#,&,=,(,),（,）,{,},",",<,>,@,!,！,$,.,，,、,:,：,;,；,￥,*,~,`,-,——,\_,^,“,”,‘,’,……,【,】,[,],,]", "gm"), "")//去掉输入值的特殊字符
        newval=newval.replace(/[u4e00-u9fa5]/g,"")//去掉输入值的中文字符
        $(this).val(newval);//重新给输入框赋值
        $.fn.validatebox.defaults.rules.noFont.message="内容长度不能小于"+param[0]+"大于"+param[1];//自定义提示文本
        if(newval.length>param[1]||newval.length
html调用

共通验证调用方法传递验证正则和提示文字
$.extend($.fn.validatebox.defaults.rules, {
    //只能包含字母、数字 
    inputValid: {
    validator: function(value, param) {  
        value=$.trim(value)//去掉前后空格
        $.fn.validatebox.defaults.rules.inputValid.message=param[1];//自定义提示文本
        var m_reg = new RegExp(param[0]); //正则
        var inputState=m_reg.test(value);
        return m_reg.test(value);//校验valuel是否符合输入规则    
       }, 
    message : "" 
    },
})
html调用
第一个参数是正则表达式，第二个参数是错误提示

GPU云服务器云服务器 easyui验证验证表单表单验证表单验证代码

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/105728.html

EasyUI datagrid问题整理

摘要：什么是是一种基于和的用户界面插件集合。为创建现代化，互动，应用程序，提供必要的功能。是个完美支持网页的完整框架。很简单但功能强大的。返回则取消该动作。该函数有下列参数要传递到远程服务器的参数对象。当检索数据成功时调用的回调函数。什么是easyUI easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化，互动，JavaScr...

megatron 2019-08-23 16:24 评论0 收藏0
EasyUI datagrid问题整理

摘要：什么是是一种基于和的用户界面插件集合。为创建现代化，互动，应用程序，提供必要的功能。是个完美支持网页的完整框架。很简单但功能强大的。返回则取消该动作。该函数有下列参数要传递到远程服务器的参数对象。当检索数据成功时调用的回调函数。什么是easyUI easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化，互动，JavaScr...

yexiaobai 2019-08-02 16:09 评论0 收藏0
EasyUI datagrid问题整理

摘要：什么是是一种基于和的用户界面插件集合。为创建现代化，互动，应用程序，提供必要的功能。是个完美支持网页的完整框架。很简单但功能强大的。返回则取消该动作。该函数有下列参数要传递到远程服务器的参数对象。当检索数据成功时调用的回调函数。什么是easyUI easyui是一种基于jQuery、Angular.、Vue和React的用户界面插件集合。easyui为创建现代化，互动，JavaScr...

Kross 2019-08-30 15:43 评论0 收藏0
前端必须要珍藏的技术文章和面试题

摘要：前端工程师学习资料，快速查找面试题，经典技术文章的总结，编程技巧，帮助学习者快速定位问题花点时间整理出一下前端工程师日常工作所需要的学习资料查找，帮助学习者快速掌握前端工程师开发的基本知识编程始于足下记住再牛逼的梦想也抵不住傻逼似的坚持蝴蝶前端工程师学习资料，快速查找面试题，经典技术文章的总结，编程技巧，帮助学习者快速定位问题花点时间整理出一下web前端工程师日常工作所需要的学习资料...

MoAir 2019-08-26 10:29 评论0 收藏0