Search code examples
javascripthtmlpolymer

Polymer: change mandatory field empty-message

There is a simple Polymer form with mandatory input and a submit button. 

<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>

Once Submit button is hit, the popup-messages got shown saying "Please fill out this field".

Question: how does one change this message?

Checked this link with no luck: https://elements.polymer-project.org/browse

Solution

  • You can call myInput.setCustomValidity('My custom error message!') on your input.

    This is an HTML5 feature: MDN page