Angular-Bootstrap在表單重置後不顯示驗證工具提示

Question

我有一個由Bootstrap包含必需字段樣式的Angular表單。提交和重置表格後，會出現HTML5確認提示，指示必填字段：

我覺得這是很不一致的，就好像領域的重點是空的狀態中的任何工具提示不顯示另一種方式。

如何在重置表單後抑制工具提示？

這裏是一個正在運行的Plunker

形式：

<form class="form-horizontal" name="testForm"> 
    <div class="form-group"> 
    <label class="col-sm-2 control-label" for="current-input">Input:</label> 
    <div class="col-sm-10"> 
     <div class="input-group"> 
     <input name="current-input" class="form-control" ng-model="current_input" required /> 
     <span class="input-group-btn"><button class="btn btn-primary" type="submit" ng-click="check()">Check</button></span> 
     </div> 
    </div> 
    </div> 
</form> 

控制器：

$scope.check = function() { 
    $scope.testForm.$setPristine(); 
    $scope.testForm.$setUntouched(); 
    $scope.last_input = $scope.current_input; 
    $scope.current_input = "" 
} 

Answer 1

只需添加NG提交併設置檢查功能，而不是調用通過的onclick檢查的，因爲你已經指定按鈕類型提交如下：

<form class="form-horizontal" name="testForm" ng-submit="check()"> 

......

 <span class="input-group-btn"><button class="btn btn-primary" type="submit" >Check</button></span> 

那麼它會工作

歡呼