手册
目录
收藏825
分享
阅读599
更新时间2025-08-07
| 属性 | 描述 |
|---|---|
| checkValidity() | 如果 input 元素包含有效数据,则返回 true。 |
| setCustomValidity() | 设置 input 元素的 validationMessage 属性。 |
如果输入字段包含无效数据,则显示一条消息:
运行实例 »
点击 "运行实例" 按钮查看在线实例
| 属性 | 描述 |
|---|---|
| validity | 包含与输入元素有效性相关的布尔属性。 |
| validationMessage | 包含当有效性为 false 时浏览器将显示的消息。 |
| willValidate | 指示是否将验证 input 元素。 |
input 元素的有效性属性包含许多与数据有效性相关的属性:
| 属性 | 描述 |
|---|---|
| customError | 如果设置了自定义有效性消息,则设置为 true。 |
| patternMismatch | 如果元素的值与其 pattern 属性不匹配,则设置为 true。 |
| rangeOverflow | 如果元素的值大于其 max 属性,则设置为 true。 |
| rangeUnderflow | 如果元素的值小于其 min 属性,则设置为 true。 |
| stepMismatch | 如果元素的值对其 step 属性无效,则设置为 true。 |
| tooLong | 如果元素的值超过其 maxLength 属性,则设置为 true。 |
| typeMismatch | 如果元素的值对其 type 属性无效,则设置为 true。 |
| valueMissing | 如果元素(具有 required 属性)没有值,则设置为 true。 |
| valid | 如果元素的值有效,则设置为 true。 |
如果输入字段中的数字大于 100(input 元素的 max 属性),则显示一条消息:
运行实例 »
点击 "运行实例" 按钮查看在线实例
如果输入字段中的数字小于 100(input 元素的 min 属性),则显示一条消息:
运行实例 »
点击 "运行实例" 按钮查看在线实例
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
精选课程
共5课时
17.2万人学习
共49课时
77万人学习
共29课时
61.7万人学习
共25课时
39.3万人学习
共43课时
70.9万人学习
共25课时
61.6万人学习
共22课时
23万人学习
共28课时
33.9万人学习
共89课时
125万人学习