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("正确");
}

判断只能输入数字（JS高级程序设计的写法，觉得挺实用的）

// 经典的操作：屏蔽用户输入非数值，适合所有浏览器
var text1 = document.getElementById("text1")
text1.onkeypress = function (ev) {
    var target = ev.target
    var charCode = ev.charCode


    // 如果输入的是非数字或者charCode小于10（一些特殊字符的编码为0，如上下左右），非ctrl（防止屏蔽复制粘贴）
    if (!/\d/.test(String.fromCharCode(charCode)) && charCode > 9 && !ev.ctrlKey)
        ev.preventDefault()
}

控制之输入框输入的字符

设置只能输入数字：

// 设置只能输入数字
$(".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,'');
});