如何使用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');
    }
  }
}