聚合物获得纸张输入值

Question

我在短时间内使用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>

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

Answer 1

您可以使用在函数调用或函数定义内部document.querySelector('#password').value获取paper-input带id 的值.passwordformhash()

您还可以使用聚合物的自动节点查找来获取元素的值id.其中将表单/输入保留在custom-element中并用于this.$.password.value获取具有id的元素的值password.像这样

<!-- create a custom component my-form --> 
<dom-module id="my-form">
    <template> 
      <form is="iron-form" id="form" method="post">
        <paper-input name="name" label="name" id="name"></paper-input>
        <paper-button raised on-click="submitForm">Submit</paper-button>
      </form>
    </template>
    <script type="text/javascript">
        Polymer({
            is: "my-form",
            submitForm: function() {
                alert(this.$.name.value);
                if(this.$.name.value != "") // whatever input check
                   this.$.form.submit();
            }
        })
    </script>
</dom-module>

<my-form></my-form> <!-- use custom-component my-form -->