驗證比較兩個字段

我有兩個文本字段：月和年。我不希望用戶輸入未來的月/年組合（即大於當前月份/年）。驗證比較兩個字段

HTML：

<input type="text" ng-model="vm.month" ng-blur="doThing()" required/> 
<input type="text" ng-model="vm.year" ng-blur="doThing()" required/>

的Javascript：

$scope.doThing = function() { 
    if (inFuture) { 
    // set form to invalid, blah blah 
    } 
}

這個領域已經是一個指令裏面，我想，以避免產生額外的指令。

doThing()必須做什麼來設置表單的有效性？

來源

2016-03-02 opticon

向我們顯示您的表單的html，但基本上您必須爲表單分配一個$ scope變量並使用表單驗證：https：// docs .angularjs.org /導向/形式。你也可以在'doThing（）' – cl3m

中加上'required =「a_scope_variable」'，你可以設置爲'true'或'false'，只需要使用ng-change並且檢查這個值是否符合你的需要。這將是IMO最簡單的解決方案 –

你是什麼意思'設置形式的有效性？如果你想添加一個類，你可以簡單地設置一個變量爲false，比如$scope.isValid = false;，然後在提交表單之前檢查一下嗎？您還可以將輸入上的值ng-class自己設置爲使用不同類的表達式，具體取決於$scope.isValid的值？您的班級可以應用紅色邊框，顯示錯誤消息等。

來源

2016-03-02 19:46:19 robmarston

驗證比較兩個字段

回答

相關問題