Html 如何像在JQuery中一样验证angular js中单击按钮时的各个字段

因为我们有许多输入字段，并且有一些字段是必需的，例如：

<input placeholder="Role" type="text" required/>
<span ng-show="Role" class="text-danger">Role is required.</span>
<input placeholder="Title" type="text" required/>
etc..
<button type="button" ngclick="Savereferences()">Save</button>

角色是必需的。
等
拯救

---

现在，我想在angular js中单击Save按钮时验证此字段，有人能帮我解决此问题吗。

您可以这样做…使用ng required和form

<input placeholder="Role" ng-model="Role" type="text" required/>
<span ng-show="RoleMsg" class="text-danger">Role is required.</span>
<input placeholder="Title" ng-model="Title" type="text" required/>
etc..
<button type="button" ngclick="Savereferences()">Save</button>

    <form role="form" id="form" name="form" class="form-horizontal">
      <input placeholder="Role" id="role" name="role" type="text" ng-required="true"/>
      <span ng-show="form.role.$error.required">Role is required.</span>
      //Same as other field
      <button type="button" ng-disabled="!form.$valid" ngclick="Savereferences()">Save</button>
    </form>

角色是必需的。
//与其他字段相同
拯救

您在输入上缺少了ng型号。您可以使用它们进行验证

    <form role="form" id="form" name="form" class="form-horizontal">
      <input placeholder="Role" id="role" name="role" type="text" ng-required="true"/>
      <span ng-show="form.role.$error.required">Role is required.</span>
      //Same as other field
      <button type="button" ng-disabled="!form.$valid" ngclick="Savereferences()">Save</button>
    </form>