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,'');
});