Polimer Kağıt Girişi Değerini

Question

Ben kısa bir süre için Polimer kullanıyorum ve şimdi kağıt girişinin değerini almak istiyorum alın. Bunu nasıl yapabilirim bilmiyorum. Bu işe yaramıyor:

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

:

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

Ben de e-posta girişinin göndermek için Giriş almak istiyorum:

this.form.password 

bu alanın Değerini almak istiyorum

Göndermek için kullanıyorum:

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

Normal giriş alanları ile bu çalışıyor. <form is="iron-form"> kullanma

Answer 1

Sen formhash() işlev çağrısında veya işlev tanımı içindeki id password ile paper-input değerini almak için document.querySelector('#password').value kullanabilirsiniz içinde <paper-input> ve diğer giriş unsurları kullanmak için izin verir. Ayrıca onun id kullanarak bir öğenin değerini almak için polimer en Automatic node finding kullanabilirsiniz

. Hangi özel elemanda formu/girdi tutmak ve id password sahip bir öğenin değerini almak için this.$.password.value kullanın. Bu

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

formlar 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

gibi sizin de sadece örnek değişkenleri kağıt giriş değerlerini saklamak ve istediğiniz yere daha sonra bunları kullanabilirsiniz <form> kullanmak istemiyorsanız. Böyle

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

Ve daha sonra erişmek it:

var myPassword = this.valueNameToStore;