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 除了造型?它看起來很小,突然間我有邊界和東西?
見我沒想到,我的建議導致了這樣的解決方案;-)定義「新」影子DOM當您擴展的自定義元素可能工作,但延伸的DOM元素,並創下新的Shadow DOM的實現可能不起作用(還沒有嘗試過,但據我記憶,看到了一些關於失敗嘗試的抱怨)。 如果你想堅持核心/紙張輸入,我想最好的嘗試是建立一個利用核心/紙張輸入驗證功能的自定義表格元素。我認爲這也是Polymer團隊所考慮的。我很想知道他們爲什麼還沒有拿出任何東西。 – 2014-10-03 16:36:01
好吧看到更新,它的作品:)有關造型的任何建議?試試吧,它現在看起來非常醜陋:)但它的確行得通。 – 2014-10-03 16:46:49
奇怪。我只是出於好奇而嘗試,但現在不再是這樣,我已經累死了,而且它的夜晚已經在這裏了...... – 2014-10-03 16:49:00