首页 技术 正文
技术 2022年11月15日
0 收藏 303 点赞 4,632 浏览 2224 个字

一:最近项目中js数据验证比较多,为了统一风格,移植复用,于是顺手封装了Jquery的插件。

(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{,}\.{}\d{,}\.{}\d{,}/;
return UiProcess(options, rexString, this)
}
//验证座机是否符合格式
$.fn.RegTelPhone = function(options) {
var rexString = /^[-]+[-]?[-]+[-]?[-]$/;
return UiProcess(options, rexString, this) }
//验证手机是否符合格式
$.fn.RegMombilePhone = function(options) {
var rexString = /(^\d{}$)|(^\d{}$)|(^\d{}$)/;
return UiProcess(options, rexString, this) }
//验证中文是否符合格式
$.fn.RegCHZN = function(options) {
var rexString = /[\u4e00-\u9fa5]/;
return UiProcess(options, rexString, this) }
//验证decimal是否符合格式
$.fn.RegDecimal = function(options) {
var rexString = /^[-]+[.]?[-]+$/;
return UiProcess(options, rexString, this) }
//验证decimal保留一位小数是否符合格式
$.fn.RegDecimalSign = function(options) {
var rexString = /^[+-]?[-]+[.]?[-]+$/;
return UiProcess(options, rexString, this) }
//验证整数保留一位小数是否符合格式
$.fn.RegNumber = function(options) {
var rexString = /^[-]+$/;
return UiProcess(options, rexString, this) }
//验证各位整数保留一位小数是否符合格式
$.fn.RegNumberSign = function(options) {
var rexString = /^[+-]?[-]+$/;
return UiProcess(options, rexString, this) }
//验证非空字符
$.fn.IsEmpty = function(options) {
var rexString = /(^.+$)|([\u4e00-\u9fa5])/;
return UiProcess(options, rexString, this) }
})(jQuery);

调用:

 <script type="text/javascript">
function submitOk() {
var interfaceNameInput = $("#<%=interfaceName.ClientID %>");
var userNameInput = $("#<%=userName.ClientID %>");
var passWordInput = $("#<%=passWord.ClientID %>");
var interfaceUrlInput = $("#<%=interfaceUrl.ClientID %>"); ;
if (!interfaceNameInput.IsEmpty({ "msg": "接口名称格式不正确!" })) { return false }
if (!userNameInput.IsEmpty({ "msg": "格式不正确!" })) { return false }
if (!passWordInput.IsEmpty({ "msg": "格式不正确!" })) { return false }
if (!interfaceUrlInput.IsEmpty({ "msg": "格式不正确!" })) { return false }
}
</script>
相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,086
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,561
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,410
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,183
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,820
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,903