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