使用required和angularjs通過單擊表格外部的按鈕驗證輸入字段

將「必需」添加到輸入字段會在單擊按鈕位於表單內時觸發驗證。但是如何在點擊表單外的按鈕時觸發驗證？使用required和angularjs通過單擊表格外部的按鈕驗證輸入字段

如果不表單中輸入輸入字段任何項目，點擊該按鈕，然後確認執行。但是，如果您單擊表單外的按鈕，則什麼也不會發生。

如何在單擊表單之外的按鈕時觸發驗證？

感謝

托馬斯

2013-11-27 ThomasD

給表單一個名稱，然後將其作爲屬性添加到$ scope對象。說myForm。

<form novalidate name="myForm">

現在，在您提交功能，你可以檢查形式的有效性 -

$scope.submit=function() { 
    if(!$scope.myForm.$valid) { 
     $scope.myForm.mytext.$dirty = true; 
    } 
};

2013-11-27 21:13:32

感謝。它現在觸發驗證。我如何讓它顯示驗證消息？在原始plunk中，單擊表單內的按鈕時會顯示驗證錯誤，但在更新後的plunk中（基於您的回答），它不會顯示驗證錯誤。 – ThomasD

您只需要知道 - http://www.youtube.com/watch?v=PxMwW1QBEro –

形式是無效的，你可以看到表單元素上的類ng-invalid如果你檢查它。只有在表單內單擊提交按鈕時，纔會觸發原生HTML5驗證。

2013-11-27 20:53:56 eddiec

回答