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