注意目录和修改相同的字符编码

输入信息的验证

一、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浏览器支持此方法。

 

 

                                                   

 

posted @ 2019-06-03 19:27  黑使  阅读(223)  评论(0编辑  收藏  举报