Polymer Nhận giá trị đầu vào giấy

Question

Tôi đang sử dụng Polymer trong một thời gian ngắn và bây giờ tôi muốn nhận được giá trị của đầu vào giấy. Tôi không biết làm thế nào tôi có thể làm điều này. Đây không phải đang làm việc:

this.form.password 

Tôi muốn nhận được giá trị của lĩnh vực này:

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

Tôi cũng muốn có được đầu vào cho trình của đầu vào e-mail:

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

Để gửi Tôi đang sử dụng:

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

Với các trường nhập thông thường, thao tác này sẽ hoạt động.

Answer 1

Bạn có thể sử dụng document.querySelector('#password').value để có được giá trị của paper-input với id password trong cuộc gọi formhash() chức năng hoặc bên trong định nghĩa hàm.

Bạn cũng có thể sử dụng số Automatic node finding của polymer để nhận giá trị của một phần tử sử dụng số id của polymer. Trong đó giữ biểu mẫu/đầu vào trong phần tử tùy chỉnh và sử dụng this.$.password.value để lấy giá trị của một phần tử có id password. Như thế này

<!-- 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 --> 

Answer 2

Sử dụng <form is="iron-form"> phép bạn sử dụng <paper-input> và đầu vào khác yếu tố trong hình thức https://elements.polymer-project.org/elements/iron-form

<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(); 
} 

Answer 3

Nếu bạn không muốn sử dụng các giá trị đầu vào giấy trong các biến mẫu và sử dụng chúng sau bất cứ nơi nào bạn muốn.

Tất cả bạn phải làm là lưu trữ các đầu vào bên trong một giá trị như thế này:

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

Và truy cập sau nó như thế này:

var myPassword = this.valueNameToStore;