聚合物铁输入单独验证所需信息和模式
polymer iron-input separate validate message required and pattern
我在必填字段上使用带有模式的表单验证。当用户打开表单时,都显示属于不匹配模式的错误信息。但我希望用户仅在表单字段仍为空时看到 'required' 消息。
我怎样才能做到这一点?
输入很简单,只有数字和字母:
<paper input pattern="[a-zA-Z0-9]{1,30}" error-message="Only use numbers an letters, max 30 characters" maxlength="30" required auto-validate></paper-input>
当然,它以红色显示 "Only use numbers an letters, max 30 characters",但最初我希望它显示 'required' 消息。
这似乎不可能。您可以将 label
属性更改为 Please enter your name (required)
或者您可以使用 placeholder
属性在输入为空时在输入中包含一些占位符文本,这也可以表示此字段是必需的。
我在必填字段上使用带有模式的表单验证。当用户打开表单时,都显示属于不匹配模式的错误信息。但我希望用户仅在表单字段仍为空时看到 'required' 消息。
我怎样才能做到这一点? 输入很简单,只有数字和字母:
<paper input pattern="[a-zA-Z0-9]{1,30}" error-message="Only use numbers an letters, max 30 characters" maxlength="30" required auto-validate></paper-input>
当然,它以红色显示 "Only use numbers an letters, max 30 characters",但最初我希望它显示 'required' 消息。
这似乎不可能。您可以将 label
属性更改为 Please enter your name (required)
或者您可以使用 placeholder
属性在输入为空时在输入中包含一些占位符文本,这也可以表示此字段是必需的。