Polymer AngularJS未正确验证输入字段

时间:2015-04-06 13:42:11

标签: javascript angularjs polymer

我在AngularJS + Polymer应用程序中有以下代码:

<p>This is the profile view.</p>

<form novalidate>
    <paper-input-decorator label="First name" floatingLabel error="First name is required!" autoValidate>
        <input id="form_firstName" type="text" ng-model="user.firstName" is="core-input" required>
    </paper-input-decorator>
</form>

导致: enter image description here

正如您所看到的,Angular正在通过指令设置文本&#39; ng-model =&#34; user.firstName&#39;。但输入字段给出了有关所需文本的错误。当我将光标设置到输入字段并添加或删除单个字母时,这将得到正确验证。我尝试在&#39;纸张输入装饰器中添加一个ID。 /&#39;输入&#39;,并调用&#39; validate()&#39;但这不起作用。

<p>This is the profile view.</p>

<form novalidate>
    <paper-input-decorator label="First name" floatingLabel error="First name is required!" autoValidate>
        <input id="form_firstName" type="text" ng-model="user.firstName" is="core-input" required>
    </paper-input-decorator>
</form>

<script>
document.getElementById("form_firstName").addEventListener('change', function() {
    console.log("Fire!")
    $('#form_firstName').validate();
});
</script>

我该如何解决这个问题?我需要在Angular设置它的值时验证Polymer输入字段。

0 个答案:

没有答案