travelzen.js組件之【表單驗(yàn)證】

表單驗(yàn)證： travelzen.validator

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

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

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

1.html

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

2.javascript

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

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

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