输入信息的验证

一、checkValidity显示验证方法

所有的表单元素和输入元素在其DOM节点上都有checkValidity方法。当需要覆盖浏览器默认的验证和反馈过程时，可以使用这个方法。

checkValidity方法的返回值为true和false。

                                             

二、避免验证

提交表单后，不想浏览器验证有两个方法：

1、利用form元素的novalidate属性，可以关闭整个表单验证。

2、利用input元素或submit元素的formnovalidate属性，利用input元素的formnovalidate属性可以使单个input元素失效；而submit元素的formnovalidate属性，相当于单击按钮时，整个表单都失效了。

                                               

正则表达式：   ^[a-zA-Z]\w{3,5}$ 意思是需要输入4个到6个英文字母，可以全部大写/小写，也可以大小写都包含，也可以加上“_”符号。

 三、使用setCustomValidity方法自定义错误信息

可以用js调用该方法来实现自定义错误信息。代码如下，但是只有Opera浏览器支持此方法。

 

 

                                                   

 

标签：验证,元素,信息,表单,checkValidity,formnovalidate,方法,输入
来源： https://www.cnblogs.com/heisetianshi/p/10969164.html