Polymer：更改必填字段空消息

Posted 2021-04-12

有一个简单的Polymer表单，带有强制输入和提交按钮。

<form id="foo-form" is="iron-form" method="post">
  <paper-input value="Foo text" required></paper-input>
  <paper-button onclick="_submit(event)">Submit</paper-button>
<form>
...
<script>
  function _submit(event) {
    Polymer.dom(event).localTarget.parentElement.submit();
  }
</script>

点击“提交”按钮后，会显示弹出消息“请填写此字段”。

问题：如何更改此消息？

检查此链接没有运气：https://elements.polymer-project.org/browse

答案

你可以在你的输入上调用myInput.setCustomValidity('My custom error message!')。

这是一个html5功能：MDN page