easyui中的基本验证大全

/**

* 扩展easyui的validator插件rules,支持更多类型验证

*/

$.extend($.fn.validatebox.defaults.rules, {

minLength : { // 判断最小长度

validator : function(value, param) {

return value.length >= param[0];

},

message : ‘最少输入 {0} 个字符‘

},

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);

},

message : ‘手机号码格式不正确‘

},

phoneAndMobile : {// 电话号码或手机号码

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) || /^(13|15|18)\d{9}$/i.test(value);

},

message : ‘电话号码或手机号码格式不正确‘

},

idcard : {// 验证身份证

validator : function(value) {

return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value) || /^\d{18}(\d{2}[A-Za-z0-9])?$/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);

},

message : ‘请输入整数‘

},

chinese : {// 验证中文

validator : function(value) {

return /^[\u0391-\uFFE5]+$/i.test(value);

},

message : ‘请输入中文‘

},

chineseAndLength : {// 验证中文及长度

validator : function(value) {

var len = $.trim(value).length;

if (len >= param[0] && len <= param[1]) {

return /^[\u0391-\uFFE5]+$/i.test(value);

}

},

message : ‘请输入中文‘

},

english : {// 验证英语

validator : function(value) {

return /^[A-Za-z]+$/i.test(value);

},

message : ‘请输入英文‘

},

englishAndLength : {// 验证英语及长度

validator : function(value, param) {

var len = $.trim(value).length;

if (len >= param[0] && len <= param[1]) {

return /^[A-Za-z]+$/i.test(value);

}

},

message : ‘请输入英文‘

},

englishUpperCase : {// 验证英语大写

validator : function(value) {

return /^[A-Z]+$/.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 /^((\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 /^[\u0391-\uFFE5]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);

},

message : ‘请输入姓名‘

},

engOrChinese : {// 可以是中文或英文

validator : function(value) {

return /^[\u0391-\uFFE5]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);

},

message : ‘请输入中文‘

},

engOrChineseAndLength : {// 可以是中文或英文

validator : function(value) {

var len = $.trim(value).length;

if (len >= param[0] && len <= param[1]) {

return /^[\u0391-\uFFE5]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);

}

},

message : ‘请输入中文或英文‘

},

carNo : {

validator : function(value) {

return /^[\u4E00-\u9FA5][\da-zA-Z]{6}$/.test(value);

},

message : ‘车牌号码无效(例:粤B12350)‘

},

carenergin : {

validator : function(value) {

return /^[a-zA-Z0-9]{16}$/.test(value);

},

message : ‘发动机型号无效(例:FG6H012345654584)‘

},

same : {

validator : function(value, param) {

if ($("#" + param[0]).val() != "" && value != "") {

return $("#" + param[0]).val() == value;

} else {

return true;

}

},

message : ‘两次输入的密码不一致!‘

}

});

/**

* 扩展easyui validatebox的两个方法.移除验证和还原验证

*/

$.extend($.fn.validatebox.methods, {

remove : function(jq, newposition) {

return jq.each(function() {

$(this).removeClass("validatebox-text validatebox-invalid").unbind(‘focus.validatebox‘).unbind(‘blur.validatebox‘);

// remove tip

// $(this).validatebox(‘hideTip‘, this);

});

},

reduce : function(jq, newposition) {

return jq.each(function() {

var opt = $(this).data().validatebox.options;

$(this).addClass("validatebox-text").validatebox(opt);

// $(this).validatebox(‘validateTip‘, this);

});

},

validateTip : function(jq) {

jq = jq[0];

var opts = $.data(jq, "validatebox").options;
var tip = $.data(jq, "validatebox").tip;
var box = $(jq);
var value = box.val();
function setTipMessage(msg) {
$.data(jq, "validatebox").message = msg;
};
var disabled = box.attr("disabled");
if (disabled == true || disabled == "true") {
return true;
}
if (opts.required) {
if (value == "") {
box.addClass("validatebox-invalid");
setTipMessage(opts.missingMessage);
$(jq).validatebox(‘showTip‘, jq);
return false;
}
}
if (opts.validType) {
var result = /([a-zA-Z_]+)(.*)/.exec(opts.validType);
var rule = opts.rules[result[1]];
if (value && rule) {
var param = eval(result[2]);
if (!rule["validator"](value, param)) {
box.addClass("validatebox-invalid");
var message = rule["message"];
if (param) {
for (var i = 0; i < param.length; i++) {
message = message.replace(new RegExp("\\{" + i + "\\}", "g"), param[i]);
}
}
setTipMessage(opts.invalidMessage || message);
$(jq).validatebox(‘showTip‘, jq);
return false;
}
}
}
box.removeClass("validatebox-invalid");
$(jq).validatebox(‘hideTip‘, jq);
return true;
},
showTip : function(jq) {
jq = jq[0];
var box = $(jq);
var msg = $.data(jq, "validatebox").message
var tip = $.data(jq, "validatebox").tip;
if (!tip) {
tip = $("<div
class=\"validatebox-tip\">" + "<span
class=\"validatebox-tip-content\">" + "</span>" + "<span
class=\"validatebox-tip-pointer\">" + "</span>" +
"</div>").appendTo("body");
$.data(jq, "validatebox").tip = tip;
}
tip.find(".validatebox-tip-content").html(msg);
tip.css({
display : "block",
left : box.offset().left + box.outerWidth(),
top : box.offset().top
});
},
hideTip : function(jq) {
jq = jq[0];
var tip = $.data(jq, "validatebox").tip;
if (tip) {
tip.remove;
$.data(jq, "validatebox").tip = null;
}
}
});

时间: 2024-10-01 18:29:30

easyui中的基本验证大全的相关文章

EasyUI中在表单提交之前进行验证

使用EasyUi我们可以在客户端表单提交之前进行验证,过程如下:只需在onSubmit的时候使用return  $("#form1").form('validate')方法即可,EasyUi中form模块中的from('validate')方法会自行对我们指定的表单中required=true等需要验证的的元素进行验证,但有不通过的元素时返回一个false; 1    $("#form1").form({ 2                 url: 'login.

Jquery Easyui框架中常用的验证

对于validatebox空间,验证其输入字符长度的最大值是否超出数据库中设置的字段长度.方法如下: 1 /** 2 * 验证输入字符长度 3 */ 4 $.extend($.fn.validatebox.defaults.rules, { 5 maxLength: { 6 validator: function(value, param){ 7 if(value.length >= param[0]) { 8 // showMsg("输入信息长度不能超过"+ param[0]

Jquery EasyUI 中ValidateBox验证框使用讲解

Validatebox(验证框)的设计目的是为了验证输入的表单字段是否有效.如果用户输入了无效的值,它将会更改输入框的背景颜色,并且显示警告图标和提示信息.该验证框可以结合form(表单)插件并防止表单重复提交. 使用$.fn.validatebox.defaults重写默认值对象. 具体用法如下: <input id="email" class="easyui-validatebox" data-options="required:true,val

扩展easyui 的表单验证 (转)

From:http://www.cnblogs.com/gengaixue/archive/2012/07/14/2591054.html easyui 的validatebox()提供了自定义验证的方法,为此我把一些常用的数据验证汇总了一下,代码如下: $.extend($.fn.validatebox.defaults.rules, { CHS: { validator: function (value, param) { return /^[\u0391-\uFFE5]+$/.test(v

Jquery easyui中的有效性检查

使用过程中的一积累,备查. EasyUI 验证框使用方法: //*************************** missingMessage:未填写时显示的信息 validType:验证类型见下示例 invalidMessage:无效的数据类型时显示的信息 required="true" 必填项 class="easyui-validatebox" 文本验证 class="easyui-numberbox" 数字验证 **********

为easyui添加多条件验证

easyui的验证框架,validatebox不能有效的支持多个条件的验证,比如中文用户名,既要验证其是中文,又要验证其长度不超过6位时便显得很繁琐,需要反复的为easyui添加验证规则. 在此实现一个多个条件验证的验证规则,使验证规则通过参数传入自定义的验证规则中. 首先为easyui添加两个验证规则,即验证中文,和长度的规则. $.extend( $.fn.validatebox.defaults.rules,{ length : {//验证长度 validator : function(v

nancy中的身份验证

在nancy中,身份验证分为basic ,form ,token,stateless几种,basic和form这里不说了,其中如果是使用cookie来保存身份的, 需要注意的是:cookie有大小的限制,所以不能用来保存超过4k的信息,而且有一些js插件也要用的cookie,虽然html5好像多了.但是还是要注意一下.因为之前看到文章有的人网站有时候登陆出现问题,就是因为用户信息太大导致的. 这里说的是token的验证. ITokenizer 这个是定义token的接口,Tokenizer是它的

ASP.NET MVC中使用FluentValidation验证实体

1.FluentValidation介绍 FluentValidation是与ASP.NET DataAnnotataion Attribute验证实体不同的数据验证组件,提供了将实体与验证分离开来的验证方式,同时FluentValidation还提供了表达式链式语法. 2.安装FluentValidation FluentValidation地址:http://fluentvalidation.codeplex.com/ 使用Visual Studio的管理NuGet程序包安装FluentVa

SpringMVC+easyUI中datagrid分页实现_2014.5.1

一.概述 SpringMVC: 1.是面对方法级变量的,在操作起来会比struts方便一些(structs是类级变量),具体体现在了srpingMVC的注解上面, 如@RequstMapping("/login"),而且对于返回值ModelAndView这也是一大亮点,既可以返回一个页面(View),再加上@ResponseBody注解以后就可以返回一个      模型对象(也就是一种数据结构). 2.对于方法级传入的参数操作起来也相当方便,比如本例中,在加载DataGrid时,会像后