javascript-HTML5中约束验证的只读元素候选

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-HTML5中约束验证的只读元素候选，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1420字，纯文字阅读大概需要3分钟。

内容图文

HTML5 specification指出：

A submittable element is a candidate for constraint validation except when a condition has barred the element from constraint validation. (For example, an element is barred from constraint validation if it is an object element.)

验证步骤包括：

For each element field in controls, in tree order, run the following substeps:

1. If field is not a candidate for constraint validation, then move on to the next element.
2. Otherwise, if field satisfies its constraints, then move on to the next element.
3. Otherwise, add field to invalid controls.

我想知道为什么此代码无法按预期工作：

'use strict';

alert(document.getElementById('foo').willValidate); // expected: true; true
alert(document.getElementById('bar').willValidate); // expected: true; false
alert(document.getElementById('baz').willValidate); // expected: false; false

alert(document.getElementById('foo').checkValidity()); // expected: false; false
alert(document.getElementById('bar').checkValidity()); // expected: false; true

<input type=text required id=foo>
<input type=text required id=bar readonly>
<input type=text required id=baz disabled>

这是用户代理实施中的错误还是预期的？

解决方法:

在这里看看：http://www.w3c-test.org/html/semantics/forms/constraints/form-validation-willValidate.html

输入类型=“文本”的条件之一是：

Must be barred from the constraint validation if it is readonly

仅供参考：假设只读元素已经包含一个值,并且通常不需要必需的属性.

内容总结

以上是互联网集市为您收集整理的javascript-HTML5中约束验证的只读元素候选全部内容，希望文章能够帮你解决javascript-HTML5中约束验证的只读元素候选所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端