2016-08-13 34 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