`

extend jquery easyui validator

阅读更多

jquery easyui 的demo中提供给了我们简单的url,required,length,email等校验,但这些简单的功能对于实际使用时远远不够,需要对validator进行扩展。方式如下:

$.extend($.fn.validatebox.defaults.rules, {
	alpha:{
		validator:function(value,param){
			if (value){
				return /^[a-zA-Z\u00A1-\uFFFF]*$/.test(value);
			} else {
				return true;
			}
		},
		message:'只能输入字母.'
	},
	alphanum:{
		validator:function(value,param){
			if (value){
				return /^([a-zA-Z\u00A1-\uFFFF0-9])*$/.test(value);
			} else {
				return true;
			}
		},
		message:'只能输入字母和数字.'
	},
	positive_int:{
		validator:function(value,param){
			if (value){
				return /^[0-9]*[1-9][0-9]*$/.test(value);
			} else {
				return true;
			}
		},
		message:'只能输入正整数.'
	},
	numeric:{
		validator:function(value,param){
			if (value){
				return /^[0-9]*(\.[0-9]+)?$/.test(value);
			} else {
				return true;
			}
		},
		message:'只能输入数字.'
	},
	chinese:{
		validator:function(value,param){
		if (value){
			 return /[^\u4E00-\u9FA5]/g.test(value);
		} else {
			return true;
		}
	},
	message:'只能输入中文'
}
		
});

 在html中可以如下方式使用我们自定义的validator:

<label>数量:</label><input id="quantity" name="quantity" class="easyui-validatebox" required="true" validType="positive_int" >
分享到:
评论

相关推荐

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

    在JQuery easyUI中,可以通过`.extend()`方法对`$.fn.validatebox.defaults.rules`对象进行扩展,添加自定义的验证规则。下面将逐一介绍文档中给出的一些典型验证规则及其正则表达式的实现方式。 #### 三、具体验证...

    jquery.easyui.patch.js

    《jQuery EasyUI 小数点输入问题解决方案》 在网页开发中,jQuery EasyUI 是一个常用的前端框架,它提供了一套完整的组件,帮助开发者快速构建用户界面。然而,在实际使用过程中,开发者可能会遇到各种问题,其中之...

    jQuery EasyUI API 中文文档 - ValidateBox验证框

    jQuery EasyUI 是一款基于 jQuery 的前端开发框架,它提供了一系列组件,使得开发者能够轻松构建用户界面。其中,ValidateBox 是一个用于表单验证的组件,它可以帮助开发者实现对输入数据的有效性检查,确保用户提交...

    jQuery Easyui 验证两次密码输入是否相等

    我们定义了一个名为equalTo的验证规则,它接受一个函数作为验证器(validator),在这个函数中,我们使用jQuery的选择器和方法来获取指定字段的值,并与当前输入框的值进行比较。如果两者相等,验证通过,否则验证...

    jquery easyui 对于开始时间小于结束时间的判断示例

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一套丰富的组件,如 Dialog、Grid 和 Form,使得构建交互式用户界面变得简单。在本示例中,我们将探讨如何使用 jQuery EasyUI 的 ValidateBox 组件来实现开始...

    jQuery EasyUI常用数据验证汇总

    easyui 的validatebox()提供了自定义验证的方法,为此我把一些常用的数据验证汇总了一下,代码如下 $.extend($.fn.validatebox.defaults.rules, { CHS: { validator: function (value, param) { return /^[\u...

    jQuery EasyUi 验证功能实例解析

    ### jQuery EasyUi 验证功能详解 jQuery EasyUi是一个基于jQuery的前端UI框架,它为开发者提供了丰富的用户界面组件和功能强大的验证机制,简化了开发过程。本文将对jQuery EasyUi的验证功能进行详细解析,并结合...

    jQuery EasyUI提交表单验证

    jQuery EasyUI 是一款基于 jQuery 的前端框架,它提供了一系列组件,包括表格、对话框、菜单等,方便开发者构建用户界面。在开发表单时,验证是必不可少的一环,以确保用户输入的数据符合预设的规范。jQuery EasyUI ...

    Jquery Easyui验证组件ValidateBox使用详解(20)

    Jquery Easyui是一个基于jQuery的UI库,它提供了一系列丰富的组件来帮助开发者构建美观且功能齐全的Web界面。在这些组件中,`ValidateBox`是一个非常实用的验证工具,用于确保用户输入的数据符合预设的规则,从而...

    jQuery+easyui validatebox 验证框

    在IT行业中,前端开发是构建用户界面的关键环节,而jQuery和EasyUI是两个非常流行的JavaScript库,用于增强网页的交互性和美观性。本篇将详细探讨"jQuery+easyui validatebox"这一主题,以及如何利用它们实现高效的...

    实例解析jQuery插件EasyUI最常用的表单验证规则

    input type=”text” id=”rate” name=”rate” required=”true” class=”easyui-validatebox” validType=”rateCheck[0,1000]” maxlength=”6″ /&gt; $.extend($.fn.validatebox.defaults.rules, { CHS:...

    轻松学习jQuery插件EasyUI EasyUI表单验证

    【jQuery EasyUI 表单验证与异步提交详解】 在Web开发中,jQuery EasyUI是一个基于jQuery的轻量级框架,提供了丰富的UI组件,其中包括表单验证和异步提交功能,使得开发者能够快速构建交互性良好的用户界面。本文将...

    结合easyui的用户验证

    在IT行业中,前端开发是构建用户界面的关键环节,而EasyUI和jQuery是两个非常流行的JavaScript库,它们大大简化了Web应用程序的开发。本教程将深入探讨如何结合EasyUI实现用户验证,以及如何扩展jQuery控件验证功能...

    easyui验证框使用方法

    EasyUI是一款基于jQuery的用户界面插件集合,它简化了Web应用开发中的交互组件创建过程。其中,验证框(ValidateBox)是EasyUI中用于输入验证的一个强大工具,能够帮助开发者实现对用户输入的有效性检查。本文将详细...

    Jqurey-easyui验证

    jQuery-easyUI提供了一种便捷的方式来实现前端验证,特别是对于远程Ajax校验,使得我们可以实时检查用户输入的有效性,而无需立即提交表单。本文将详细介绍如何在jQuery-easyUI中进行远程Ajax验证,并讲解如何获取...

    EasyUi修改验证控件

    EasyUI 是一个基于 jQuery 的轻量级前端框架,主要用于构建用户界面。在 EasyUI 中,validatebox 是一个用于表单验证的组件,它提供了一种简单的方式来验证输入字段的合法性。然而,有时默认的验证控件可能无法满足...

    jquery判断输入密码两次是否相等

    扩展 `jQuery EasyUI` 的 `validatebox` 规则可以通过 `$.extend()` 函数来完成。以下是如何定义一个新的 `equalTo` 规则: ```javascript $.extend($.fn.validatebox.defaults.rules, { /* 必须和某个字段相等 */...

    easyui验证扩展

    EasyUI,一个基于jQuery的UI框架,提供了丰富的组件和便捷的验证功能。本文将深入探讨“EasyUI验证扩展”,帮助开发者更好地理解和应用这一功能。 一、EasyUI基础验证 EasyUI的验证功能主要通过`validatebox`组件...

Global site tag (gtag.js) - Google Analytics