Question

我有铁形式和纸张输入类型='text'，带有值绑定，必需属性和错误消息属性。

<form is="iron-form" id="form" method="post" action="/form/handler">
   <paper-input type="text" label="[[part.label]]" value="[[part.value]]" name="[[part.key]]" required error-message="Invalid input!"></paper-input>
</form>

验证工作正常，我看到了我的错误消息但是如果我将readonly属性设置为我的纸张输入验证停止工作。

<form is="iron-form" id="form" method="post" action="/form/handler">
   <paper-input type="text" readonly label="[[part.label]]" value="[[part.value]]" name="[[part.key]]" required error-message="Invalid input!"></paper-input>
</form>

从逻辑上讲，这是一个错误，因为仍然设置了必需属性，但没有验证。

即使使用readonly属性，我仍然希望验证工作..怎么做？

Answer 1

[编辑]这是设计的：HTML 5 Spec

约束验证：如果在输入元素上指定了readonly属性，则禁止该元素进行约束验证。

[ORIGINAL]这似乎是一个原生问题（或非功能），这也将失败：

<!DOCTYPE html>
<html>
<body>

<form>
  First name:<br>
  <input type="text" required readonly name="firstname">
  <br>
  Last name:<br>
  <input type="text" required name="lastname">
  <input type="submit">
</form>

<p>Note that the form itself is not visible.</p>

<p>Also note that the default width of a text input field is 20 characters.</p>

</body>
</html>

如果设置了纸张输入的readonly属性，则铁形内的验证将停止工作

1 个答案: