###语法:
if($("#testFrom").find("input,textarea").validateForm5()){
alert("表单验证通过!");
//do something...
}
您也可以指定错误提示的内容:
if($("#testFrom").find("input,textarea").validateForm5({
//必要
"required":{
//必要-必填
"needValue": "此项不可以为空",
//必要-必选
"needCheck": "此项必选"
},
//格式
"pattern":"格式不正确",
//一致性
"group":"两次密码输入不一致"
})){
alert("表单验证通过!");
//do something...
}
请您确保只修改值,务必保持文档结构不变(请勿修改name)。
说明:
该例验证id
为testFrom
的元素下,所有input
或textarea
元素。
也就是说,通过Jquery
选择器获取到元素之后,直接调用validateForm5
方法即可。
验证通过返回true
。
验证不通过返回false
,并且高亮所有不通过的元素。
###required
####语法:
< required>
####说明:
该属性表明元素是必填(必选)的,兼容HTML5
。
它可以用在input
、textarea
标签上。
####示例:
对应输入类型的input标签而言,是必填含义。
<input type="text" required>
对于选择类型的input标签而言,是必选的含义。
<input type="checkbox" required>
###pattern
####语法:
< pattern="正则表达式">
####说明:
该属性表示用何种规则去验证输入内容,规则为正则表达式,兼容HTML5
。
该属性只能用于输入类型的input
标签上,当然,textarea
标签也可以。
当元素没有required
属性时,可以不输入任何内容,此时pattern
也不起作用,输入内容之后pattern
才起作用。
####示例:
pattern
与required
一起使用,使得该元素即不能为空,也要符合表达式。
<input type="text" pattern="^[1-9a-zA-Z]{6,20}$" required>。
只有pattern
属性,说明该元素可以不填,但填写内容之后,必须符合表达式。
<input type="email" pattern="^[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?$">
###data-group
####语法:
< data-group="组名">
####说明:
该属性表示将多个元素归为一组,他们的值必须相同。
组名不能以数字开头,基本上26个字母够用了。
该属性只能用于输入类型的input
标签上(包括textarea
标签)。
验证两次密码输入是否一致是常见的用法。
####示例:
两个元素均标识为pw组,保证内容一致。
<input type="password" pattern="^[1-9a-zA-Z]{6,20}$" data-group="pw" required>
<input type="password" pattern="^[1-9a-zA-Z]{6,20}$" data-group="pw" required>