$error.required 消息未在重置按钮上重置：AngularJs答案

【问题标题】：$error.required message is not getting reset on reset button : AngularJs$error.required 消息未在重置按钮上重置：AngularJs
【发布时间】：2016-09-30 06:11:20
【问题描述】：

<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 中有几个字段，问题是当用户单击提交按钮而不在任何字段中输入任何数据时，所有错误消息（必需）都会显示出来。但是当我重置按钮时，错误消息仍然存在，它们没有被清除。

我尝试了很多调试但无法找到解决方案。我不知道我在做什么。

感谢任何帮助!!!

谢谢

【问题讨论】：

输入元素没有添加必需的属性。向 input 元素和表单标签添加 required 属性，添加“novalidate”属性，以禁用 html5 验证
你好，我已经添加了。
什么是submitted？
我不知道，这段代码是别人写的，我只是在修复bug。

标签： angularjs angularjs-validation angularjs-forms

【解决方案1】：

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

只需单击重置按钮，我就需要调用

$scope.submitted = false;

【讨论】：