聚合物中纸元素的多重validation

我想立即validation多个纸质元素字段。 现在它只与一个领域完美配合。

这个适用于一个领域，但只有在焦点改变时 – >不好

这个适用于一个领域 – >更好

       var scope = document.querySelector('template[is=auto-binding]'); scope.inputAction = function(e) { var d = document.getElementById('decorator'); d.isInvalid = !e.target.validity.valid; }  

现在我想扩展function，这是我的想法到目前为止：

          var scope = document.querySelector('template[is=auto-binding]'); scope.inputAction = function(e) { ($(this).parent())[0].isInvalid = !e.target.validity.valid; }  

我的想法是获得父字段而不是按ID获取字段。

你有一个想法，为什么它不起作用？ 我没有得到错误它只是不起作用。 或者你有其他建议吗？ 我喜欢RegEx的validation，但它并不适合我。

从最近的纸质元素更新看起来好像很多人都有validation问题。

有趣的是，即使Polymer在他们的演示站点上没有多个validation，只需要： https ： //www.polymer-project.org/components/paper-input/demo.html

否则我可以复制它……

Answer 1

我发现了问题：

 ($(event.target).parent())[0].isInvalid = !e.target.validity.valid; 

代替

 ($(this).parent())[0].isInvalid = !e.target.validity.valid; 

想试试吗？ http://jsfiddle.net/x96y2sx3/1/