2016-08-13 3 views
0

Es gibt ein einfaches Polymer-Formular mit obligatorischen Eingabe und einem Absenden-Button.Polymer: ändern Pflichtfeld leer-Nachricht

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

Sobald der Submit-Button gedrückt wird, werden die Popup-Nachrichten mit der Meldung "Bitte füllen Sie dieses Feld aus" angezeigt.

Frage: Wie ändert man diese Nachricht?

Auf diesen Link ohne Glück: https://elements.polymer-project.org/browse

+1

Sie können auch den Browser des nativen UI Formularvalidierung deaktivieren mit [<'iron-form'> .disableNativeValidationUi] (https://elements.polymer-project.org/elements/iron-form#property -disableNativeValidationUi) und setzen Sie dann [' .errorMessage'] (https://elements.polymer-project.org/elements/paper-input#property-errorMessage). Damit können Sie das Styling der Benutzeroberfläche steuern. – tony19

Antwort

1

Sie myInput.setCustomValidity('My custom error message!') auf Ihrer Eingabe aufrufen können.

Dies ist ein HTML5-Feature: MDN page

Verwandte Themen