Question

我需要输入表单中的ng-required，但它不能使用我还需要的提交按钮。我可以做什么让提交按钮与ng-required一起使用，或以任何方式产生相同的效果？

http://plnkr.co/edit/slITsvNWIttDHfxOpnmW?p=preview

<form name="myForm" validate class="form-horizontal">

  <div class="control-group" >
    <label ng-class="{bad: ( myForm.name.$invalid && submitted )  }"  >Name:</label>
    <input type="text" name="name" placeholder="Name" ng-model="user.name" ng-required/>
    <span ng-show="isInvalid('name')" class="help-inline">Name is ng-required</span>
    <span ng-show="isValid('name')">Great!</span>
  </div>

  <button type="submit" ng-click="submitted = true">SUB</button>

</form>

Answer 1

您错过了ng-required的值。设置为true，它应该有效。

<input type="text" name="name" placeholder="Name" ng-model="user.name" ng-required="true"/>

Answer 2

我发现ng-required的作品只与required结合，所以输入应如下所示：

<input 
type="text" 
name="name" 
placeholder="Name" 
ng-model="user.name" 
ng-required="a == b"
required
/>

是否需要使用按钮提交？ Angular JS

2 个答案: