Jquery validate校验+正则表达式积累,自用!

JQuery Validate校验

自定义校验 - 判断下拉框是否被选中:

/* 自定义验证:判断下拉框是否选中 */
jQuery.validator.addMethod("isSelect", function (value, element) {
	return value != "0";
}, "请选择一个选项");

/* 表单校验 */
$("#form-car-add").validate({
	rules: {
		brand: "isSelect"
        }
});

设置错误信息样式:

/* 需要校验的文本框 */
#username, #password {
	position: relative;
}
/* 设置错误提示的样式和位置 */
label.error {
	position: absolute;
	right: 60px;
	top: 10px;
	color: #ef392b;
	font-size: 14px;
}

正则判断

判断正整数或两位以内的小数:

if (/^\d+(\.\d{1,2})?$/.test(value)) {
    alert("正确");
}

控制之输入框输入的字符

设置只能输入数字:

// 设置只能输入数字
$(".aircell, .fueltankage, .seats, .doors, .count").bind("keyup", function onlyNumber() {
	this.value=this.value.replace(/\D/g,'');
});

设置只能输入数字和小数点:

// 设置只能输入数字和小数点,但不保证小数格式正确,所以还要在提交的时候判断
$(".price, .insurance, .nodeductibles").bind("keyup", function onlyNumber() {
	this.value=this.value.replace(/[^\d.]/g,'');
});


猜你喜欢

转载自blog.csdn.net/cblstc/article/details/79786160