如何获取HTML5输入以验证它们是否在聚合网络组件中？

我正在使用聚合物网络组件，我的应用程序以Chrome为目标。在我的表单上，在Web组件之外，我有一个输入类型='number'，当我在输入中输入'a'并提交表单时，我会得到一个工具提示，上面写着“请输入一个数字”

---

但是，我有另一个输入type=“number”，它位于web组件的影子DOM中。当我在该字段中输入“a”并提交表单时，我没有得到任何工具提示。是否有任何方法可以使行为更加一致？

我没有看到与您描述的问题相同的问题（使用Chrome 36和Polymer 0.3.3）。表单验证与以下简单聚合物元素（）的预期效果相同：

这也是可行的，因为一旦绑定了

，内容就会像其他元素一样直接添加到页面的DOM中

如果您强烈认为无法按照所述重构代码，然后，我认为您需要通过针对所讨论的web浏览器的bug来解决您的问题，看看他们是否愿意开始考虑将阴影DOM中的

元素作为元素内部的light DOM的

的一部分：

这个显示错误。

<polymer-element name="test-element" noscript>
  <template>
    <form>
      <label>Inside the element:</label>
      <input type="number" placeholder="Numbers only!">
      <input type="submit">
    </form>
  </template>
</polymer-element>

<form>
  <template is="auto-binding">
    <label>Inside the element:</label>
    <input type="number" placeholder="Numbers only!" value="{{myNumber}}">
  </template>
  <input type="submit">
</form>
<script>
  document.querySelector('template').myNumber = 34;
</script>