博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
easyui validatebox 验证类型DEMO
阅读量:6915 次
发布时间:2019-06-27

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

<script>

$.extend($.fn.validatebox.defaults.rules, {
idcard: {// 验证身份证
validator: function (value) {
return /^\d{15}(\d{2}[A-Za-z0-9])?$/i.test(value);
},
message: '身份证号码格式不正确'
},
minLength: {
validator: function (value, param) {
return value.length >= param[0];
},
message: '请输入至少(2)个字符.'
},
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 /^((\d{2,3})|(\d{3}\-))?(0\d{2,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: '手机号码格式不正确'
},
intOrFloat: {// 验证整数或小数
validator: function (value) {
return /^\d+(\.\d+)?$/i.test(value);
},
message: '请输入数字,并确保格式正确'
},
Number: {// 验证整数
validator: function (value) {
return /^\d+$/i.test(value);
},
message: '请输入数字,并确保格式正确'
},
Integer: {// 验证整数
validator: function (value) {
return /^\d+(\.\d+)?$/i.test(value);
},
message: '请输入数字,并确保格式正确'
},
Double: {// 验证双精度
validator: function (value) {
return /^[-\+]?\d+(\.\d+)?$/i.test(value);
},
message: '请输入数字,并确保格式正确'
},
Float: {// 验证浮点数
validator: function (value) {
return /^[-\+]?\d+(\.\d+)?$/i.test(value);
},
message: '请输入数字,并确保格式正确'
},
Float2: {// 验证浮点数
validator: function (value) {
return /^(0|[1-9]\d{0,3})(\.\d{0,2})?$/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 /^([+]?[0-9])|([-]?[0-9])+\d*$/i.test(value);
},
message: '请输入整数'
},
age: {// 验证年龄
validator: function (value) {
return /^(?:[1-9][0-9]?|1[01][0-9]|120)$/i.test(value);
},
message: '年龄必须是0到120之间的整数'
},
chinese: {// 验证中文
validator: function (value) {
return /^[\Α-\¥]+$/i.test(value);
},
message: '请输入中文'
},
english: {// 验证英语
validator: function (value) {
return /^[A-Za-z]+$/i.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 /^((\d{2,3})|(\d{3}\-))?(0\d{2,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 /^[\Α-\¥]+$/i.test(value) | /^\w+[\w\s]+\w+$/i.test(value);
},
message: '请输入姓名'
},
date: {// 验证姓名,可以是中文或英文
validator: function (value) {
//格式yyyy-MM-dd或yyyy-M-d
return /^(?:(?!0000)[0-9]{4}([-]?)(?:(?:0?[1-9]|1[0-2])\1(?:0?[1-9]|1[0-9]|2[0-8])|(?:0?[13-9]|1[0-2])\1(?:29|30)|(?:0?[13578]|1[02])\1(?:31))|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)([-]?)0?2\2(?:29))$/i.test(value);
},
message: '清输入合适的日期格式'
},
same: {
validator: function (value, param) {
if ($("#" + param[0]).val() != "" && value != "") {
return $("#" + param[0]).val() == value;
} else {
return true;
}
},
message: '两次输入的密码不一致!'
}
});
</script>
<script src="~/Assets/scripts/DictChoose.js"></script>
<style>
.textboxvalid {
position: relative;
border: 1px solid #95B8E7;
background-color: #fff;
vertical-align: middle;
display: inline-block;
overflow: hidden;
white-space: nowrap;
margin: 0;
padding: 2px;
width: 150px;
border-radius: 5px 5px 5px 5px;
font-size: 12px;
color: #aaa;
text-align: start;
height: 35px;
line-height: 35px;
}
</style>

 

 

<input type="text" class="textboxvalid" validtype="minLength[2]" />

<input type="text" class="textboxvalid" validtype="length[2,6]" />

<input type="text" class="textboxvalid" validtype="Number" />

<input type="text" class="textboxvalid" validtype="Integer" />
<input type="text" class="textboxvalid" validtype="Double" />

<input type="text" class="textboxvalid" validtype="Float" />

<input type="text" class="textboxvalid" validtype="Float2" />
<input type="text" class="textboxvalid" validtype="currency" />

 

 

 

<script>

$(function() {
//设置text须要验证
$("input[type=text]").validatebox();
});
</script>

转载地址:http://ygncl.baihongyu.com/

你可能感兴趣的文章
C语言整理——文件系统和文件访问
查看>>
阿里面试
查看>>
ECSHOP修改后台地址
查看>>
运动补偿与运动估计
查看>>
jQuery的一个关键函数
查看>>
表单模型+安装目录+侵入表单模型
查看>>
系统如何端子app弄root才干
查看>>
HTML表格边框的设置小技巧
查看>>
jmeter ---模拟http请求/发送gzip数据
查看>>
POJ 2029--Get Many Persimmon Trees +DP
查看>>
Java——复选框:JCheckBox
查看>>
Effective OC : 1-5
查看>>
mock.js 使用教程
查看>>
查看mysql存储引擎
查看>>
Python网络资源 + Python Manual
查看>>
面试中经常会被问到的70个问题
查看>>
在VMware上面安装Solaris 10
查看>>
throw跟throws关键字
查看>>
Linq-批量删除方法
查看>>
关于微信网页调用js-sdk相关接口注意事项目(一级域名与二级域名互相干扰!!!)...
查看>>