聚合物在核心输入上使用功能验证

2024-05-23

有人可以解释一下如何使用函数验证吗这种聚合物元素 http://www.polymer-project.org/docs/elements/core-elements.html#core-input(导航到“验证”部分?

<core-input ... validate="test()" error="error in the input"></test> 

这是测试的定义:

function test()
{
     return true;
}

这样我总是会收到一些关于“输入错误”的错误消息。

我怎样才能让这个东西发挥作用?


作为安全预防措施,Polymer 通常不接受属性中的 JavaScript。所以,core-input不接受validate="test()"句法。您必须将该方法直接安装到元素上,如下所示:

input.validate = function() { ... }

如果支持数据绑定,您可以使用已发布的invalid财产:

<core-input invalid="{{inputValue | validate}}" ...

where validate是模型上的一个方法,它接受一个字符串并返回一个布尔值。

例如,在一个元素中:

<template>
  <core-input invalid="{{inputValue | isInvalid}}" ...
</template>
<script>
  Polymer({
    isInvalid: function(value) { return false; }
  });
</script>  
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

聚合物在核心输入上使用功能验证 的相关文章