Skip to content

iyangyuan/validateForm5

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 

Repository files navigation

validateForm5

JS:

###语法:

if($("#testFrom").find("input,textarea").validateForm5()){
  alert("表单验证通过!");
  //do something...
}

您也可以指定错误提示的内容:

if($("#testFrom").find("input,textarea").validateForm5({
  //必要
  "required":{
    //必要-必填
    "needValue": "此项不可以为空",
    //必要-必选
    "needCheck": "此项必选"
  },
  //格式
  "pattern":"格式不正确",
  //一致性
  "group":"两次密码输入不一致"
})){
  alert("表单验证通过!");
  //do something...
}

请您确保只修改值,务必保持文档结构不变(请勿修改name)。

说明:

该例验证idtestFrom的元素下,所有inputtextarea元素。
也就是说,通过Jquery选择器获取到元素之后,直接调用validateForm5方法即可。
验证通过返回true
验证不通过返回false,并且高亮所有不通过的元素。

标签:

###required

####语法:

< required>  

####说明:

该属性表明元素是必填(必选)的,兼容HTML5
它可以用在inputtextarea标签上。

####示例:

对应输入类型的input标签而言,是必填含义。

<input type="text" required>  

对于选择类型的input标签而言,是必选的含义。

<input type="checkbox" required>  

###pattern

####语法:

< pattern="正则表达式">

####说明:

该属性表示用何种规则去验证输入内容,规则为正则表达式,兼容HTML5
该属性只能用于输入类型的input标签上,当然,textarea标签也可以。
当元素没有required属性时,可以不输入任何内容,此时pattern也不起作用,输入内容之后pattern才起作用。

####示例:

patternrequired一起使用,使得该元素即不能为空,也要符合表达式。

<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>  

三者混用,威力无穷!

About

Jquery表单验证插件

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages