travelzen.js組件之【表單驗證】

表單驗證： travelzen.validator

用于表單元素校驗。預(yù)設(shè)了一些常見的校驗方法，如驗證必填項、身份證格式校驗等，通過給表單元素添加預(yù)設(shè)的屬性名，來綁定校驗方法。

實(shí)例： 給表單容器設(shè)置一個選擇器，最好是class類名；給表單元素添加相應(yīng)的校驗屬性（完整的預(yù)設(shè)屬性參考下方第3條），校驗屬性可多個同時使用。 注意每個表單元素必須設(shè)定唯一的name值。 調(diào)用travelzen.validator方法。

• 必選參數(shù)trigger：表單容器選擇器，如下面html內(nèi)容中的".formDemo"
• 校驗屬性：表單元素上添加的屬性名，根據(jù)所需校驗的規(guī)則來選擇，如"required"
• 提示位置設(shè)定：默認(rèn)在右側(cè)，給表單元素添加"msgBottom"類名時，顯示在下方

1.html

<form class="formDemo">
    <label>
        姓名：
        <input type="text" name="a1" required/>
    </label>
    <label>
        身份證號碼：
        <input type="text" name="a2" required identity/>
    </label>
</form>

2.javascript

$(function(){
    travelzen.validator({
        trigger: '.formDemo'
    })
})

3.預(yù)設(shè)的校驗屬性

required：驗證必填項
nameWord：姓名必須為中文或英文且不超過20字
identity：匹配15位或18位身份證號碼
mobilephone：匹配手機(jī)號
passport：匹配護(hù)照
afterToday：日期必須大于當(dāng)天
afterNowTime：時間必須大于當(dāng)前時間
number：匹配數(shù)字
numberWithoutZoneBegin：數(shù)字不能以0開頭
integer：匹配正整數(shù)
date：日期格式必須為yyyy-mm-dd
time：時間格式必須為hh:mm:ss
dataTime：格式必須為yyyy-mm-dd hh:mm:ss
chineseWord：匹配中文字符
money：匹配金額
moreThanZero：金額不小于0
gender：性別必須為“男”或“女”
pinYin：匹配拼音
itemCount30：不超過30字
itemCount350：不超過350字
itemCount11：不超過11字
itemCount20：不超過20字
itemCount3：不超過3位數(shù)