2016-08-13 4 views
0

필수 입력 및 제출 버튼이있는 간단한 폴리머 폼이 있습니다.폴리머 : 필수 필드 비어있는 메시지 변경

<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

+1

또한 [<'iron-form'> .disableNativeValidationUi]와 브라우저의 기본 양식 유효성 검사의 UI를 사용하지 수 (https://elements.polymer-project.org/elements/iron-form#property -disableNativeValidationUi), [' .errorMessage'] (https://elements.polymer-project.org/elements/paper-input#property-errorMessage)를 설정하십시오. 그러면 UI의 스타일을 제어 할 수 있습니다. – tony19

답변

1

당신은 호출 할 수 있습니다 myInput.setCustomValidity('My custom error message!') :

은 행운이 링크를 검사하였습니다.

이는 HTML5 기능입니다 : MDN page