2014-10-02 102 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

回答