聚合物获得纸张输入值

时间:2016-02-19 19:55:22

标签: input polymer

我在短时间内使用Polymer,现在我想获得纸张输入的价值。我不知道怎么能这样做。 这不起作用:

this.form.password

我想获得此字段的值:

<paper-input label="Password" type="password" id="password" name="password" size="25" value=""></paper-input>

我还想获得用于提交电子邮件输入的输入:

<paper-input label="Login" id="email" name="email" size="25" value=""></paper-input>

提交我正在使用:

<paper-button raised value="Login" type="submit" onclick="formhash(this.form, this.form.password);">Login</paper-button>

使用正常输入字段可以正常工作。

3 个答案:

答案 0 :(得分:6)

您可以使用document.querySelector('#password').valuepaper-input函数调用或函数定义内部获取ID为password的{​​{1}}的值。

您还可以使用聚合物Automatic node finding来使用其formhash()获取元素的值。其中将表单/输入保留在custom-element中,并使用id获取标识为this.$.password.value的元素的值。喜欢这个

password

答案 1 :(得分:1)

如果您不想使用A,您还可以将纸张输入值存储在实例变量中,并在以后的任何位置使用它们。

您所要做的就是将输入存储在如下值中:

<form>

稍后访问它:

<paper-input label="Password" type="password" id="password" name="password" size="25" value="{{valueNameToStore}}"></paper-input>

答案 2 :(得分:0)

使用<form is="iron-form">,您可以在表单https://elements.polymer-project.org/elements/iron-form中使用<paper-input>和其他输入元素

<form is="iron-form" id="form" method="post" action="/form/handler">
  <paper-input name="name" label="name"></paper-input>
  <input name="address">
  ...
  <paper-button raised onclick="submitForm()">Submit</paper-button>
</form>


function submitForm() {
  document.getElementById('form').submit();
}