Jquery表單驗(yàn)證

環(huán)境：

jquery-1.10.1.min.js

jquery.validate.min.js

任務(wù)：表單驗(yàn)證

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" ></td>
            </tr>
            <tr>
              <td class=""></td>
              <td><input type="text" id="tel" name="tel" value="" size="16" class=""></td>
              <td class="text_left" ></td>
            </tr>
            <tr>
              <td class=""></td>
              <td><input type="text" id="addr" name="addr" value="" size="16" class=""></td>
              <td class="text_left" ></td>
            </tr>
            <tr>
              <td class=""></td>
              <td><input type="text" id="surplusnum" name="surplusnum" value="" size="16" class=""></td>
              <td class="text_left" ></td>
            </tr>
        </tbody>
    </table>
</form>

jquery:

$(function() {
form.init();
});
//新加驗(yàn)證規(guī)則。
// 聯(lián)系電話(手機(jī)/電話皆可)驗(yàn)證。
jQuery.validator.addMethod("isTel", function (value, element) {  
//（區(qū)號(hào)）-（直撥號(hào)）-（分機(jī)號(hào)）或者11位手機(jī)號(hào)。
//座機(jī)可以沒(méi)有分機(jī)號(hào)（區(qū)號(hào)）-（直撥號(hào)）。
    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;
}, "請(qǐng)正確填寫停車點(diǎn)的聯(lián)系電話"); 
 // 只能輸入正整數(shù)。
jQuery.validator.addMethod("isSurplusnum", function (value, element) {  
    var num = /^[1-9][0-9]{0,2}$/;
    
    if (!num.exec(value)) return false;
    return true;
}, "請(qǐng)正確填寫剩余車輛數(shù)");
// 驗(yàn)證表單。
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 : "請(qǐng)輸入名稱",
maxlength : "名稱不得超過(guò){0}個(gè)字符",
},
addr : {
required : "請(qǐng)輸入地址",
maxlength : "地址不得超過(guò){0}個(gè)字符",
},
tel : {
required : "請(qǐng)輸入聯(lián)系電話",
maxlength : "電話不能超過(guò){0}個(gè)字符",
isTel : "電話號(hào)碼格式不正確",
},
surplusnum : {
required : "請(qǐng)輸入停車點(diǎn)車輛輛數(shù)",
max : jQuery.format("車輛輛數(shù)不得超過(guò){0}輛"),
}
},
errorPlacement : function(error, element) {
if (element.parent().is('div')) {
error.appendTo(element.parent().parent().next());
} else {
error.appendTo(element.parent().next());
}
}
});
}
};
}

幫助：

正則表達(dá)式：http://msdn.microsoft.com/zh-cn/library/ae5bf541(VS.80).aspx

validate表單驗(yàn)證：http://www.jb51.net/article/36067.htm