Question

 <body ng-app="app" ng-controller="queryCtrl">
      <form name="queryform" ng-submit="submitQuery(queryform.$valid)" novalidate="">
        <legend>SEARCH</legend>
        <div class="form-group" >
          <label class="col-sm-2 control-label">Criteria 2:</label>
          <input type="text" class="col-sm-4 form-control" name="input" ng-model="query.inputfield" required="" />
         <p ng-show="queryform.input.$invalid && !queryform.input.$pristine" class="help-block">You name is required.</p>
        </div>
        <button type="submit" class="btn btn-primary" ng-disabled=!queryform.$valid>Submit</button>
      </form>

解释我如何解决这个问题。任何人都可以用角度解释正确的验证程序。检查我的plunker

Why ng-show is loading in the first place ?

Answer 1

验证以这种格式工作

ng-show = "formname.inputname.$touched && formname.inputname.$invalid"

如果表格如下

<form name="formname">
 <input name="inputname" ng-model="inputName" >
</form>

您可以在HTML中编写{{ formname.inputname | json }}来查看输入的所有属性，如果您只想查看错误而不是{{ formname.inputname.$error | json }}

请参阅working plunker

在angularjs中验证不能正常工作

1 个答案: