2014-10-02 130 views
1
 <form> 
      <paper-input label="Name" name="name"></paper-input> 
      <paper-input label="Email" name="email" type="email" required></paper-input> 
      <paper-input label="Phone" name="phone" type="tel"></paper-input> 
      <paper-input label="Message" name="message" multiline></paper-input> 
      <input name="code" value="12345" hidden required> 
     </form> 
     <paper-fab icon="arrow-forward" on-tap="{{submit}}" style="float:right"></paper-fab> 

當我使用常規輸入爲例如隱藏的一個,我刪除它正確告訴我的價值有效性是錯誤的。聚合物紙輸入form.checkValidity()

 submit:function(){ 
      var form = this.shadowRoot.querySelector('form') 
      var isValid = form.checkValidity(); 
      console.debug(isValid) 
     }, 

但是,如果紙張輸入電子郵件留空checkValidity()仍然註冊爲有效?

https://github.com/Polymer/paper-input/issues/75

PART2:

<polymer-element name="my-name" extends="input" attributes="value" noscript> 
    <template> 
     <paper-input label="Name" name="name" value="{{value}}"></paper-input> 
    </template> 
</polymer-element> 

<polymer-element name="my-email" extends="input" attributes="value" noscript> 
    <template> 
     <paper-input label="Email" name="email" value="{{value}}" type="email" required></paper-input> 
    </template> 
</polymer-element> 

<polymer-element name="my-phone" extends="input" attributes="value" noscript> 
    <template> 
     <paper-input label="Phone" name="phone" value="{{value}}" type="tel"></paper-input> 
    </template> 
</polymer-element> 

<polymer-element name="my-message" extends="input" attributes="value" noscript> 
    <template> 
     <paper-input label="Message" name="message" value="{{value}}" multiline></paper-input> 
    </template> 
</polymer-element> 

-

<form> 
    <input is="my-name"> 
    <input is="my-email" type="email" required> 
    <input is="my-phone"> 
    <input is="my-message"> 
    <input name="code" value="12345" hidden required> 
</form> 

令人驚訝的是這個工程:d 除了造型?它看起來很小,突然間我有邊界和東西?

+0

見我沒想到,我的建議導致了這樣的解決方案;-)定義「新」影子DOM當您擴展的自定義元素可能工作,但延伸的DOM元素,並創下新的Shadow DOM的實現可能不起作用(還沒有嘗試過,但據我記憶,看到了一些關於失敗嘗試的抱怨)。 如果你想堅持核心/紙張輸入,我想最好的嘗試是建立一個利用核心/紙張輸入驗證功能的自定義表格元素。我認爲這也是Polymer團隊所考慮的。我很想知道他們爲什麼還沒有拿出任何東西。 – 2014-10-03 16:36:01

+1

好吧看到更新,它的作品:)有關造型的任何建議?試試吧,它現在看起來非常醜陋:)但它的確行得通。 – 2014-10-03 16:46:49

+0

奇怪。我只是出於好奇而嘗試,但現在不再是這樣,我已經累死了,而且它的夜晚已經在這裏了...... – 2014-10-03 16:49:00

回答