相关疑难解决方法(0)

angularjs形成重置错误

我正在尝试使用angularjs进行验证表格,到目前为止我做得很好.但是当我提交我的重置按钮时,所有字段都会重置,除了我从验证部分获得的错误消息.当我重置表单时,如何摆脱所有字段和错误消息.

按下我的重置按钮时就是这样

在此输入图像描述

这是我的代码

<div class="page-header"><center><h2>Give us your Feedback</h2></center></div>

    <!-- pass in the variable if our form is valid or invalid -->
    <form name="userForm" ng-submit="submitForm(userForm.$valid)" novalidate>

        <!-- NAME -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.name.$invalid && !userForm.name.$dirty }">
            <label>Name*</label>
            <input type="text" name="name" class="item-input-wrapper form-control" ng-model="user.name"  required>
            <p ng-show="userForm.name.$invalid && !userForm.name.$pristine " class="help-block">
                <font color="#009ACD">You name is required.</font>
            </p>
        </div>

         <!-- EMAIL -->
        <div class="form-group" ng-class="{ 'has-error' : userForm.email.$invalid && !userForm.email.$dirty  }">
            <label>Email</label>
            <input type="email" name="email" class="item-input-wrapper form-control" ng-model="user.email" required >
            <p …
Run Code Online (Sandbox Code Playgroud)

html javascript validation angularjs

39
推荐指数
3
解决办法
9万
查看次数

标签 统计

angularjs ×1

html ×1

javascript ×1

validation ×1