<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 的 ValidateBox 验证组件可以对表单字段进行多种类型的验证,包括必选字段、邮件、电话、数字、日期、网址、信用卡号等各种格式的验证。 必选字段验证 ValidateBox 的 required 属性可以设置字段是否为必...
easyui validatebox 验证类型
- **Validator 函数**:使用正则表达式 `/^[\u0391-\uFFE5\w]+$/` 来匹配输入值,确保输入的字符可以是中文或者字母数字下划线。 - **Message**:如果验证失败,则显示 `"¼ֻ֡Ӣĸּ»ߡ"` 这个提示信息。 ##### ...
常用的easyUI表单验证类型
通过将原有的事件绑定替换为对 focus 和 change 事件的响应,我们可以确保验证只在必要时执行,例如当输入框为空或值发生变化时。 修改后的代码如下: ```javascript box.unbind(".validatebox") .bind("focus....
easyui的输入框+验证+弹窗,datagrid的渲染+勾选/选择+双击+渲染行操作+查询框架。
jquery easyui validator 扩展自定义验证方法
- **class**: 设置为`"easyui-validatebox"`来启用验证功能,也可以与其他类名结合使用,如`"easyui-numberbox"`用于数字验证。 #### 三、具体应用场景与示例 ##### 3.1 基础验证 - **代码示例**: ```html ...
例如,我们可以为输入框添加`validType`属性,指定验证规则,如`'length[5,10]'`表示输入长度必须在5到10个字符之间。此外,`required`属性用于设置是否必填,`onValid`和`onError`回调函数则可以自定义验证成功或...
easyui扩展的js验证,是对easyUI没有的验证做的补充扩展,好用方便
- **应用场景**: 数字输入框的格式控制。 8. **验证货币 (`currency`):** - **正则表达式**: 同上。 - **含义**: 检查字符串是否为整数或小数形式。 - **应用场景**: 金额输入框的格式控制。 9. **验证QQ号 (`...
例如,只允许输入6到20个字母、数字或下划线的组合。 3. **密码验证**:密码验证通常要求一定的复杂度,如至少包含数字、字母、特殊字符的组合,以及最小长度。`validatebox` 可以帮助实现这些规则,增强账号安全性...
EasyUI 是一个基于 jQuery 的轻量级前端框架,它提供了丰富的组件和样式,便于开发者构建用户界面。在 EasyUI 中,图标(icon)是界面设计中的一个重要元素,用于直观地表示功能或操作,提高用户体验。这个名为 ...
本文将深入探讨基于EasyUI的TextBox颜色选择器及其源码,帮助开发者理解这一组件的工作原理并实现自定义功能。 EasyUI是一个基于jQuery的轻量级前端框架,它提供了丰富的UI组件,使得开发者可以快速构建出美观、...
现在,我们可以在任何输入框上使用`customRule`这个验证规则: ```html ``` 总结起来,结合EasyUI的用户验证涉及以下几个关键知识点: 1. 引入EasyUI和jQuery库。 2. 使用EasyUI的表单和验证控件创建用户界面。 3...
本篇将详细探讨"jQuery+easyui validatebox"这一主题,以及如何利用它们实现高效的数据验证。 jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互。通过提供简洁的API,jQuery...
自己花了 一晚上搞出来的,没有找到合适的,最后自己根据观看博客的总结,做了此demo 下载运行即可
在自定义的account验证规则中,param数组用于定义用户名的最小和最大长度,同时,通过正则表达式/^[\w]+$/来检查用户名只能由字母、数字和下划线组成。 汉字验证则使用正则表达式/^[\u0391-\uFFE5]+$/来检查输入的...