调用checkValidity方法进行校验

调用checkValidity方法进行校验

调用checkValidity方法进行校验

前面介绍的通过校验属性执行的输入校验简单、易用,还有另一种方法使用对话框来弹出错误提示,或者有其他校验要求,可以借助于HTML5为表单、表单控件提供的checkValidity()方法进行校验。

如果表单对象调用checkValidity()方法返回ture,则表明该表单内的所有表单控件都有效。只要有任意一个表单控件不能通过输入校验,表单对象的checkValidity()方法就会返回false。

如果表单对象调用checkValidity()方法返回true,则表明该表单控件可以通过输入校验;否则返回false。

调用checkValidity方法进行校验

在上面代码中如果用户输入的邮件地址不符合规则,当用户单击页面上的“提交”按钮时,会弹出下面对话框。

HTML5也为表单、表单控件提供了一个validity属性,该属性的值是一个ValidityState对象,该对象代表了表单、表单控件的输入校验状态,其中ValidityState的valid属性可以表示该表单、表单控件是否通过输入校验。

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: