环境：
jquery-1.10.1.min.js
jquery.validate.min.js
任务：表单验证
html：
<form action="" id="myform" method="POST"> <table class="" id="table1"> <tbody> <tr> <td class=""></td> <td><input type="text" id="name" name="name" value="" size="16" class=""></td> <td class="text_left" style="color:red"></td> </tr> <tr> <td class=""></td> <td><input type="text" id="tel" name="tel" value="" size="16" class=""></td> <td class="text_left" style="color:red"></td> </tr> <tr> <td class=""></td> <td><input type="text" id="addr" name="addr" value="" size="16" class=""></td> <td class="text_left" style="color:red"></td> </tr> <tr> <td class=""></td> <td><input type="text" id="surplusnum" name="surplusnum" value="" size="16" class=""></td> <td class="text_left" style="color:red"></td> </tr> </tbody> </table> </form>
jquery:
$(function() {
form.init();
});
//新加验证规则。
// 联系电话(手机/电话皆可)验证。
jQuery.validator.addMethod("isTel", function (value, element) {
//（区号）-（直拨号）-（分机号）或者11位手机号。
//座机可以没有分机号（区号）-（直拨号）。
var mobile = /^(((0\d{2,3})|(0\d{2,3}-))\d{7,8}(-\d{1,4})?)$|^(1[3584]\d{9})$/;
if (!mobile.exec(value)) return false;
return true;
}, "请正确填写停车点的联系电话");
// 只能输入正整数。
jQuery.validator.addMethod("isSurplusnum", function (value, element) {
var num = /^[1-9][0-9]{0,2}$/;
if (!num.exec(value)) return false;
return true;
}, "请正确填写剩余车辆数");
// 验证表单。
var form = function() {
return {
init : function() {
$("#myform").validate({
rules : {
name : {
required : true,
maxlength : 100
},
addr : {
required : true,
maxlength : 200
},
tel : {
required : true,
isTel : "#tel",
minlength : 4,
maxlength : 18
},
surplusnum : {
required : true,
min : 0,
isSurplusnum:"#surplusnum",
max : 500
}
},
messages : {
name : {
required : "请输入名称",
maxlength : "名称不得超过{0}个字符",
},
addr : {
required : "请输入地址",
maxlength : "地址不得超过{0}个字符",
},
tel : {
required : "请输入联系电话",
maxlength : "电话不能超过{0}个字符",
isTel : "电话号码格式不正确",
},
surplusnum : {
required : "请输入停车点车辆辆数",
max : jQuery.format("车辆辆数不得超过{0}辆"),
}
},
errorPlacement : function(error, element) {
if (element.parent().is('div')) {
error.appendTo(element.parent().parent().next());
} else {
error.appendTo(element.parent().next());
}
}
});
}
};
}帮助：
正则表达式：http://msdn.microsoft.com/zh-cn/library/ae5bf541(VS.80).aspx
validate表单验证：http://www.jb51.net/article/36067.htm
