如何使用Aurelia验证表单

Question

我使用Polymer和Aurelia创建了以下表单。

<form is="iron-form" id="frmLogOn"> 
     <paper-input value.bind="endisableform()" id="txtInput" ...></paper-input> 
    <paper-button id="btnLogOn">Log On</paper-button> 
    </form> 

在viewmodel中，我有一个名为endisableform（）的方法被调用。

我想使用frmLogOn.validate（）验证窗体上的按钮，但viewmodel不知道窗体frmLogOn。

验证方法由铁形式元素提供。

我在做什么错？

感谢

鲍勃

Answer 1

我不太明白验证表单上的按钮（不能进行操作），但这里是你如何给你的视图模型一个很好的参考，以您的形式 -

<form is="iron-form" id="frmLogOn" ref="frmLogOn"> 
    <paper-input value.bind="endisableform()" id="txtInput" ...></paper-input> 
<paper-button id="btnLogOn">Log On</paper-button> 
</form> 

然后在您的视图模型 -

export class MyViewModel { 
    endisableform() { 
    if (this.frmLogOn.something) { 
     console.log('something was ok'); 
    } 
    } 
}