$.extend($.fn.validatebox.defaults.rules, {
idcard: {// 验证身份证
validator: function (value) {
return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value);
},
message: '身份证号码格式不正确'
},
minLength: {
validator: function (value, param) {
return value.length >= param[0];
},
message: '请输入至少(2)个字符.'
},
length: { validator: function (value, param) {
var len = $.trim(value).length;
return len >= param[0] && len <= param[1];
},
message: "输入内容长度必须介于{0}和{1}之间."
},
phone: {// 验证电话号码
validator: function (value) {
return /^((\d2,3)|(\d{3}\-))?(0\d2,3|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
},
message: '格式不正确,请使用下面格式:020-88888888'
},
mobile: {// 验证手机号码
validator: function (value) {
return /^(13|15|18)\d{9}$/i.test(value) || /^\d{13}$/i.test(value);
},
message: '手机号码格式不正确'
},
intOrFloat: {// 验证整数或小数
validator: function (value) {
return /^\d+(\.\d+)?$/i.test(value);
},
message: '请输入数字,并确保格式正确'
},
currency: {// 验证货币
validator: function (value) {
return /^\d+(\.\d+)?$/i.test(value);
},
message: '货币格式不正确'
},
qq: {// 验证QQ,从10000开始
validator: function (value) {
return /^[1-9]\d{4,9}$/i.test(value);
},
message: 'QQ号码格式不正确'
},
integer: {// 验证整数 可正负数
validator: function (value) {
//return /^[+]?[1-9]+\d*$/i.test(value);
return /^([+]?[0-9])|([-]?[0-9])+\d*$/i.test(value);
},
message: '请输入整数'
},
age: {// 验证年龄
validator: function (value) {
return /^(?:[1-9][0-9]?|1[01][0-9]|120)$/i.test(value);
},
message: '年龄必须是0到120之间的整数'
},
chinese: {// 验证中文
validator: function (value) {
return /^[\Α-\¥]+$/i.test(value);
},
message: '请输入中文'
},
english: {// 验证英语
validator: function (value) {
return /^[A-Za-z]+$/i.test(value);
},
message: '请输入英文'
},
unnormal: {// 验证是否包含空格和非法字符
validator: function (value) {
return /.+/i.test(value);
},
message: '输入值不能为空和包含其他非法字符'
},
username: {// 验证用户名
validator: function (value) {
return /^[a-zA-Z][a-zA-Z0-9_]{5,15}$/i.test(value);
},
message: '用户名不合法(字母开头,允许6-16字节,允许字母数字下划线)'
},
faxno: {// 验证传真
validator: function (value) {
// return /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/i.test(value);
return /^((\d2,3)|(\d{3}\-))?(0\d2,3|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/i.test(value);
},
message: '传真号码不正确'
},
zip: {// 验证邮政编码
validator: function (value) {
return /^[1-9]\d{5}$/i.test(value);
},
message: '邮政编码格式不正确'
},
ip: {// 验证IP地址
validator: function (value) {
return /d+.d+.d+.d+/i.test(value);
},
message: 'IP地址格式不正确'
},
name: {// 验证姓名,可以是中文或英文
validator: function (value) {
return /^[\Α-\¥]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);
},
message: '请输入姓名'
},
date: {// 验证姓名,可以是中文或英文
validator: function (value) {
//格式yyyy-MM-dd或yyyy-M-d
return /^(?:(?!0000)[0-9]{4}([-]?)(?:(?:0?[1-9]|1[0-2])\1(?:0?[1-9]|1[0-9]|2[0-8])|(?:0?[13-9]|1[0-2])\1(?:29|30)|(?:0?[13578]|1[02])\1(?:31))|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)([-]?)0?2\2(?:29))$/i.test(value);
},
message: '清输入合适的日期格式'
},
msn: {
validator: function (value) {
return /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(value);
},
message: '请输入有效的msn账号(例:abc@hotnail(msn/live).com)'
},
same: {
validator: function (value, param) {
if ($("#" + param[0]).val() != "" && value != "") {
return $("#" + param[0]).val() == value;
} else {
return true;
}
},
message: '两次输入的密码不一致!'
}
});
分享到:
相关推荐
### easyui验证框使用方法详解 #### 一、概述 EasyUI是一款基于jQuery的用户界面插件集合,它简化了Web应用开发中的交互组件创建过程。其中,验证框(ValidateBox)是EasyUI中用于输入验证的一个强大工具,能够帮助...
《EasyUI验证扩展详解》 在Web开发中,数据验证是不可或缺的一环,它确保了用户输入的有效性和系统的稳定性。EasyUI,一个基于jQuery的UI框架,提供了丰富的组件和便捷的验证功能。本文将深入探讨“EasyUI验证扩展...
easyui扩展的js验证,是对easyUI没有的验证做的补充扩展,好用方便
通过EasyUI的API,我们可以方便地实现组件的联动、验证等功能,提高用户体验。 总结,jQuery EasyUI的单选框和多选框组件,以及更高级的`combo`和`combobox`,为前端开发提供了强大的工具。理解并熟练运用这些组件...
例如,数据网格可以实现数据的增删改查功能,表单则用于收集和验证用户输入,对话框用于展示弹窗提示或进行独立操作,菜单和树形控件则用于导航和展示层级关系。 在“custom”目录中,可能包含了用户自定义的样式和...
### 自定义jQuery EasyUI验证规则详解 在进行前端表单验证时,为了提供更好的用户体验以及增强数据的有效性和安全性,我们通常会使用各种前端框架提供的工具。jQuery EasyUI 是一个基于 jQuery 的用户界面插件集合...
EasyUI的核心是其组件库,包括窗口(window)、表格(datagrid)、面板(panel)、下拉框(combobox)、表单(form)等,这些组件都是预先封装好的JavaScript对象,具有良好的可配置性和可扩展性。通过简单的HTML...
EasyUI的Treegrid扩展是一种对原生EasyUI TreeGrid组件的功能增强,主要目的是提供更加灵活的数据展示和操作方式。在传统的TreeGrid中,数据通常是以树状结构展示,每一行都可以展开或折叠,显示或隐藏子节点。然而...
在IT行业中,前端开发是构建用户界面的关键环节,而jQuery和...总的来说,jQuery+EasyUI validatebox是实现高效、友好的前端表单验证的强大工具,通过合理的配置和扩展,可以满足各种复杂的验证需求,提升用户体验。
5. **其他扩展功能**:除了以上提到的,扩展可能还包括对其他组件的增强,例如下拉菜单(combobox)、树形结构(tree)、表单验证(form validation)等。这些增强可能涉及到性能优化、新功能添加或现有功能的定制化...
6. **插件扩展**:除了核心组件,EasyUI还有许多社区开发的插件,如日期选择器(datebox)、时间选择器(datetimebox)等,进一步丰富了功能。 7. **响应式设计**:EasyUI的部分组件支持响应式布局,能够自动适应...
标题和描述中提到的知识点涉及jQuery EasyUI框架中的validatebox插件,该插件用于表单输入验证。validatebox允许前端对用户输入进行校验,以减少服务器的负担并提升用户体验。它提供了基本的校验规则,但有时可能...
4. **Form**:表单组件,提供验证、提交等功能,与后端接口无缝对接,简化表单处理流程。 5. **Menu**:下拉菜单,用于创建丰富的导航菜单,可定制子菜单和操作项,增强用户交互体验。 6. **Tabs**:选项卡,方便在...
#### 二、JQuery easyUI验证规则扩展 在JQuery easyUI中,可以通过`.extend()`方法对`$.fn.validatebox.defaults.rules`对象进行扩展,添加自定义的验证规则。下面将逐一介绍文档中给出的一些典型验证规则及其正则...
除了这两个问题,我们还可以进一步扩展 EasyUI validatebox 的功能以适应更多的验证需求。例如,通过自定义规则来实现更复杂的验证逻辑: ```javascript $.extend($.fn.validatebox.defaults.rules, { custom_reg:...
jquery easyui validator 扩展自定义验证方法
2. **表单验证**:利用jQuery的事件处理和EasyUI的form组件,可以实现表单数据的验证和提交。 3. **对话框交互**:通过jQuery的动画效果和EasyUI的dialog组件,创建弹出式对话框,提供更丰富的用户交互体验。 4. **...
2. **可扩展性**:基于.NET的模块化设计,方便添加自定义功能或集成第三方服务。 3. **良好的用户体验**:EasyUI的组件丰富,可以定制出符合用户需求的交互界面。 4. **安全稳定**:.NET框架内置的安全机制,如身份...
ValidateBox 也允许用户自定义验证规则,例如可以使用 jQuery 的 extend 方法来扩展 ValidateBox 的规则,例如可以添加身份证号码、电话号码、手机号码等验证规则。 EasyUI 的 ValidateBox 验证组件提供了多种类型...