Javascript angularjs中的验证无法正常工作 搜寻 标准2: 您的姓名是必需的 提交

Javascript angularjs中的验证无法正常工作 搜寻 标准2: 您的姓名是必需的 提交,javascript,angularjs,Javascript,Angularjs,解释我如何解决这个问题。有人能用angular解释正确的验证程序吗?看看我的plunker 验证采用这种格式 ng show=“formname.inputname.$toucted&&formname.inputname.$invalid” 如果表格如下所示 <body ng-app="app" ng-controller="queryCtrl"> <form name="queryform" ng-submit="submitQuery(queryform.$

解释我如何解决这个问题。有人能用angular解释正确的验证程序吗?看看我的plunker


验证采用这种格式

ng show=“formname.inputname.$toucted&&formname.inputname.$invalid”

如果表格如下所示

 <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>

您可以通过在HTML中编写
{{formname.inputname | json}}
来查看输入的所有属性,如果您只想查看错误,也可以使用
{{formname.inputname.$error | json}


请参见

谢谢:)。普朗克帮了忙。因为它将是
formname.inputname.$error.pattern
<form name="formname">
 <input name="inputname" ng-model="inputName" >
</form>