travelzen.js组件之【表单验证】

表单验证： travelzen.validator

用于表单元素校验。预设了一些常见的校验方法，如验证必填项、身份证格式校验等，通过给表单元素添加预设的属性名，来绑定校验方法。

实例： 给表单容器设置一个选择器，最好是class类名；给表单元素添加相应的校验属性（完整的预设属性参考下方第3条），校验属性可多个同时使用。 注意每个表单元素必须设定唯一的name值。 调用travelzen.validator方法。

• 必选参数trigger：表单容器选择器，如下面html内容中的".formDemo"
• 校验属性：表单元素上添加的属性名，根据所需校验的规则来选择，如"required"
• 提示位置设定：默认在右侧，给表单元素添加"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.预设的校验属性

required：验证必填项
nameWord：姓名必须为中文或英文且不超过20字
identity：匹配15位或18位身份证号码
mobilephone：匹配手机号
passport：匹配护照
afterToday：日期必须大于当天
afterNowTime：时间必须大于当前时间
number：匹配数字
numberWithoutZoneBegin：数字不能以0开头
integer：匹配正整数
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位数