首页 > 其他 > 详细

input.validity

时间:2019-06-26 22:09:41      阅读:184      评论:0      收藏:0      [点我收藏+]

HTML5为表单提供了自带的输入规则提示

技术分享图片

但是实际开发中,我们往往需要自定义提示消息和规则,例如限定了最大值但不要求超出时提示错误信息,这时便用到了H5提供的表单新的JS属性--validity,它是包含默认提示规则检验结果的对象

valid //当前输入是否有效

badInput //输入类型有效性

patternMismatch //正则表达式验证结果

rangeOverflow //输入值是否超过max的限定

rangeUnderflow //输入值是否小于min的限定

tooLong //输入的字符数是否超过maxlength

tooShort //输入的字符数是否小于minlength

stepMismatch //输入的数字是否符合step限制

typeMismatch //输入值是否符合email、url的验证

valueMissing //是否违反required要求

customError //是否存在自定义错误提示消息

设置自定义错误消息的方法:

input.setCustomValidity(‘错误提示消息‘);//这个相当于将input.validity.customError:true

取消自定义错误消息的方法:

input.setCustomValidity("");//这个相当于将input.validity.customError:false

input.validity

原文:https://www.cnblogs.com/xutao1517588477/p/11093715.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!