博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
发布jQuery表单验证插件 - JQuery.validator.js
阅读量:5007 次
发布时间:2019-06-12

本文共 953 字,大约阅读时间需要 3 分钟。

经常在项目中需要验证表单中的控件必填和数字等,因此我写了个基于jquery的验证插件。

效果如下:

在线测试地址:

参数说明:

以下是这个插件提供的参数及其默认值:

required: false,//是否是必填项

formId: "form1",//表单ID
buttonId: "",//按钮ID
requiredText: "必填",//必填项提示文本
errorText: "内容不符合要求",//验证提示文本
isGreaterThanZero: false,//是否大于零
isGreaterThanEqualToZero: false,//是否大于等于零
isInteger: false,//是否整数
isNumber: false,//是否数字
regular: ''//正则表达式

 

用法示例:

1.$("#txtName,#txtNumber").validator({required:true});

2.$('#txtNumber').validator({isNumber:true,errorText:'请输入数字'});

3.$('#txtAge').validator({isInteger:true,isGreaterThanZero:true,errorText:'请输入正整数'});

4.$('#txtGF').validator({isInteger:true,isGreaterThanEqualToZero:true,errorText:'请输入0或正整数'});

5.$('#txtRegular').validator({regular:/^\d$/,errorText:'请输入0~9之间的整数'});

 

如需特别指定仅仅是某个按钮才会触发验证,可制定buttonId属性:

$("#txtName,#txtNumber").validator({required:true,buttonId:'btnSubmit'});

这样,只有btnSubmit才会触发验证。

这是第一个版本,欢迎大家拍砖!

转载于:https://www.cnblogs.com/caiwujia/archive/2012/05/02/jquery_validatory.html

你可能感兴趣的文章
yii2 phpexcel导出excel
查看>>
使用VC数据断点让你避免很多烦忧(转)
查看>>
后缀自动机
查看>>
ZZNU-OJ-2118 -(台球桌面碰来碰去,求总距离)——模拟到爆炸【超时】的不能AC的代码...
查看>>
Sunday串匹配算法 C语言实现
查看>>
学习方法
查看>>
Python成长笔记 - 基础篇 (二)python基本语法
查看>>
87JS原生:跑马灯效果
查看>>
6.方法_EJ
查看>>
html 字符串 生成 pdf 完美解决中文不显示
查看>>
记一次由于Java泛型类型擦除而导致的问题,及解决办法
查看>>
python列表逆序三种方法
查看>>
将笔记本变身WiFi热点
查看>>
SSU 479.Funny Feature
查看>>
pycharm修改代码模板支持中文输出
查看>>
poj 1904 强连通分量 tarjan
查看>>
史上最全的测试团队组建方法
查看>>
webview与壳交互的几种方式
查看>>
python3对于时间的处理
查看>>
PE破解win2008登录密码
查看>>