在表单验证过程中,required是一个被广泛使用的属性,当一个input标签设置为required时,就代表这个输入框一定得填写,否则会弹出验证提示。
但是,当需要验证的表单数量比较多的时候,一个一个去设置required属性就会很麻烦,不利于统一管理。那么有没有一种方式可以让表单验证更加简单呢?答案是肯定的。
我们可以使用一种叫做HTML5 Validation 的浏览器自身验证方式,只需要在form标签中添加一个novalidate属性,然后在每个需要验证的input标签中设置一个pattern属性,就能够完成表单验证。例如,你想要验证一个手机号是否正确,可以在对应的input标签中设置pattern="^1\d{10}$",这样就能够验证是否是11位数字了。