$ error.required消息未在重置按钮上重置:AngularJs

时间:2016-09-30 06:11:21

标签: angularjs angularjs-validation angularjs-forms

<div class="form-group">
 <input type="text" name="Name"
    data-ng-model="panNumber" required> 
    <p data-ng-show="loginForm.Name.$error.required && (loginForm.Name.$touched || submitted)"
    class="error-block">Kindly enter your valid 10 digit PAN Number</p>
</div>

<button type="reset" data-ng-click="loginCtrl.reset()">RESET</button>

控制器

this.reset = function(){
            $scope.loginForm.$setPristine();
            $scope.loginForm.$setValidity();
            $scope.loginForm.$setUntouched();
          };   

我在loginForm中有几个字段,问题是当用户点击提交按钮而没有在任何字段中输入任何数据时,会显示所有错误消息(必填)。但是当我重置按钮时,错误消息仍然存在,它们不会被清除。

我试图调试很多但却无法找到解决方案。我不知道我在做什么错误。

任何帮助表示赞赏!!!

谢谢

1 个答案:

答案 0 :(得分:0)

我通过努力得到了这个问题的答案

点击我需要调用的重置按钮

$scope.submitted = false;