环境：

jquery-1.10.1.min.js

jquery.validate.min.js


任务：表单验证


html：

<formaction=""id="myform"method="POST"><tableclass=""id="table1"><tbody><tr><tdclass=""></td><td><inputtype="text"id="name"name="name"value=""size="16"class=""></td><tdclass="text_left"></td></tr><tr><tdclass=""></td><td><inputtype="text"id="tel"name="tel"value=""size="16"class=""></td><tdclass="text_left"></td></tr><tr><tdclass=""></td><td><inputtype="text"id="addr"name="addr"value=""size="16"class=""></td><tdclass="text_left"></td></tr><tr><tdclass=""></td><td><inputtype="text"id="surplusnum"name="surplusnum"value=""size="16"class=""></td><tdclass="text_left"></td></tr></tbody></table></form>


jquery:

$(function(){form.init();});//新加验证规则。//联系电话(手机/电话皆可)验证。jQuery.validator.addMethod("isTel",function(value,element){//（区号）-（直拨号）-（分机号）或者11位手机号。//座机可以没有分机号（区号）-（直拨号）。varmobile=/^(((0\d{2,3})|(0\d{2,3}-))\d{7,8}(-\d{1,4})?)$|^(1[3584]\d{9})$/;if(!mobile.exec(value))returnfalse;returntrue;},"请正确填写停车点的联系电话");//只能输入正整数。jQuery.validator.addMethod("isSurplusnum",function(value,element){varnum=/^[1-9][0-9]{0,2}$/;if(!num.exec(value))returnfalse;returntrue;},"请正确填写剩余车辆数");//验证表单。varform=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