`
狂奔的蜗牛zyx
  • 浏览: 19601 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

easyUI 输入框验证(数字、字母、下划线)

阅读更多
<script type="text/javascript">
  	$(function () {          
            //设置text需要验证  
            $('#tcmc').validatebox();             
        })
        var fg=true;
    $.extend($.fn.validatebox.defaults.rules, {   
    //验证(只能包括 _ 数字 字母)   
    account: {//param的值为[]中值  
        validator: function (value, param) {  
            if (!/^[\w]+$/.test(value)) {  
                    $.fn.validatebox.defaults.rules.account.message = '用户名只能数字、字母、下划线组成.';  
                    fg=false;
                    return false;  
            } else {  
            	if (value.length < param[0] || value.length > param[1]) {  
                $.fn.validatebox.defaults.rules.account.message = '用户名长度必须在' + param[0] + '至' + param[1] + '范围';  
                fg=false;
                return false;  
                } else { 
                fg=true;
                    return true;  
                }  
            }  
        }, message: ''  
    }  
	})  

</script>


页面:
<input id="tcmc" class="easyui-validatebox" data-options="required:true,validType:'account[5,20]'" /> 
分享到:
评论

相关推荐

    easyui 扩展 带单位输入框

    本文将深入探讨如何在EasyUI中扩展一个带有单位输入框的自定义插件,这在处理需要指定单位(如长度、重量等)的数据输入场景时非常有用。 ### 标题解析:“easyui 扩展 带单位输入框” 标题明确了本文的主题是关于...

    easyui validatebox验证类型

    EasyUI 的 ValidateBox 验证组件可以对表单字段进行多种类型的验证,包括必选字段、邮件、电话、数字、日期、网址、信用卡号等各种格式的验证。 必选字段验证 ValidateBox 的 required 属性可以设置字段是否为必...

    easyui validatebox 验证类型

    easyui validatebox 验证类型

    自定义jquery easyui 验证

    - **Validator 函数**:使用正则表达式 `/^[\u0391-\uFFE5\w]+$/` 来匹配输入值,确保输入的字符可以是中文或者字母数字下划线。 - **Message**:如果验证失败,则显示 `"¼ֻ֡Ӣĸּ»ߡ"` 这个提示信息。 ##### ...

    easyui常用验证框架

    常用的easyUI表单验证类型

    EasyUi修改验证控件

    通过将原有的事件绑定替换为对 focus 和 change 事件的响应,我们可以确保验证只在必要时执行,例如当输入框为空或值发生变化时。 修改后的代码如下: ```javascript box.unbind(".validatebox") .bind("focus....

    easyui控件验证+datagrid相关操作web练习源码

    easyui的输入框+验证+弹窗,datagrid的渲染+勾选/选择+双击+渲染行操作+查询框架。

    easyui 自定义验证方法

    jquery easyui validator 扩展自定义验证方法

    easyui验证框使用方法

    - **class**: 设置为`"easyui-validatebox"`来启用验证功能,也可以与其他类名结合使用,如`"easyui-numberbox"`用于数字验证。 #### 三、具体应用场景与示例 ##### 3.1 基础验证 - **代码示例**: ```html ...

    easyui验证扩展

    例如,我们可以为输入框添加`validType`属性,指定验证规则,如`'length[5,10]'`表示输入长度必须在5到10个字符之间。此外,`required`属性用于设置是否必填,`onValid`和`onError`回调函数则可以自定义验证成功或...

    jquery easyui扩展js验证

    easyui扩展的js验证,是对easyUI没有的验证做的补充扩展,好用方便

    JQuery easyUI扩展验证机制的正则表达式

    - **应用场景**: 数字输入框的格式控制。 8. **验证货币 (`currency`):** - **正则表达式**: 同上。 - **含义**: 检查字符串是否为整数或小数形式。 - **应用场景**: 金额输入框的格式控制。 9. **验证QQ号 (`...

    EasyUi_validatebox 验证插件

    例如,只允许输入6到20个字母、数字或下划线的组合。 3. **密码验证**:密码验证通常要求一定的复杂度,如至少包含数字、字母、特殊字符的组合,以及最小长度。`validatebox` 可以帮助实现这些规则,增强账号安全性...

    easyui icon小图标(两千个左右,部分图标已经归类好)

    EasyUI 是一个基于 jQuery 的轻量级前端框架,它提供了丰富的组件和样式,便于开发者构建用户界面。在 EasyUI 中,图标(icon)是界面设计中的一个重要元素,用于直观地表示功能或操作,提高用户体验。这个名为 ...

    基于easyui-textbox的颜色选择器及源码

    本文将深入探讨基于EasyUI的TextBox颜色选择器及其源码,帮助开发者理解这一组件的工作原理并实现自定义功能。 EasyUI是一个基于jQuery的轻量级前端框架,它提供了丰富的UI组件,使得开发者可以快速构建出美观、...

    结合easyui的用户验证

    现在,我们可以在任何输入框上使用`customRule`这个验证规则: ```html ``` 总结起来,结合EasyUI的用户验证涉及以下几个关键知识点: 1. 引入EasyUI和jQuery库。 2. 使用EasyUI的表单和验证控件创建用户界面。 3...

    jQuery+easyui validatebox 验证框

    本篇将详细探讨"jQuery+easyui validatebox"这一主题,以及如何利用它们实现高效的数据验证。 jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互。通过提供简洁的API,jQuery...

    easyui的eas-text绑定输入时监听值变化 提供两种方式,亲测可用

    自己花了 一晚上搞出来的,没有找到合适的,最后自己根据观看博客的总结,做了此demo 下载运行即可

    easyui validatebox验证

    在自定义的account验证规则中,param数组用于定义用户名的最小和最大长度,同时,通过正则表达式/^[\w]+$/来检查用户名只能由字母、数字和下划线组成。 汉字验证则使用正则表达式/^[\u0391-\uFFE5]+$/来检查输入的...

Global site tag (gtag.js) - Google Analytics