js数据验证自定义插件

本文介绍了一个基于jQuery的表单验证插件,该插件提供了一系列的验证方法,包括IP地址、电话号码、手机号码、中文字符等的格式检查,并通过不同的提示方式帮助开发者快速实现表单验证功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

(function($) {
var defaults = {
bugColor: ‘#FFCCCC’, //数据有误的时候文本框颜色
color: ‘white’, //数据正确时候文本框颜色
type: “alert”, //数据错误时候提示方式 alert 弹出框方式 text 赋值span html
msg: “Msg”, //数据有误的时候提示内容
ResOjId: ‘no’// 当test方式的时候 被赋值的标签 #id
};
function UiProcess(options, rexString, object) {
var options = $.extend(defaults, options);
var values = object.val();
if (rexString.test(values)) {
object.css(“backgroundColor”, options.color);
return true;
} else {
object.css(“backgroundColor”, options.bugColor);
if (options.type == “alert”) {
alert(options.msg);
}
if (options.type == “text”) {
$(options.ResOjId).html(options.msg);
}
return false;
}
}
//验证ip是否符合格式
$.fn.RegIp = function(options) {
var rexString = /^\d{1,3}.{1}\d{1,3}.{1}\d{1,3}/;
return UiProcess(options, rexString, this)
}
//验证座机是否符合格式
KaTeX parse error: Expected '}', got 'EOF' at end of input: …[0-9]+[-]?[0-9]/;
return UiProcess(options, rexString, this)
}
//验证手机是否符合格式
KaTeX parse error: Expected '}', got '\d' at position 73: …String = /(^189\̲d̲{8})|(^13\d{9}KaTeX parse error: Expected 'EOF', got '\d' at position 7: )|(^15\̲d̲{9})/;
return UiProcess(options, rexString, this)
}
//验证中文是否符合格式
$.fn.RegCHZN = function(options) {
var rexString = /[\u4e00-\u9fa5]/;
return UiProcess(options, rexString, this)
}
//验证decimal是否符合格式
KaTeX parse error: Expected '}', got 'EOF' at end of input: …0-9]+[.]?[0-9]+/;
return UiProcess(options, rexString, this)
}
//验证decimal保留一位小数是否符合格式
KaTeX parse error: Expected '}', got 'EOF' at end of input: …0-9]+[.]?[0-9]+/;
return UiProcess(options, rexString, this)
}
//验证整数保留一位小数是否符合格式
KaTeX parse error: Expected '}', got 'EOF' at end of input: …ring = /^[0-9]+/;
return UiProcess(options, rexString, this)
}
//验证各位整数保留一位小数是否符合格式
KaTeX parse error: Expected '}', got 'EOF' at end of input: …= /^[+-]?[0-9]+/;
return UiProcess(options, rexString, this)
}
//验证非空字符
KaTeX parse error: Expected '}', got 'EOF' at end of input: …xString = /(^.+)|([\u4e00-\u9fa5])/;
return UiProcess(options, rexString, this)
}
})(jQuery);

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值