确定哪个控件具有无效数据+ AngularJS

时间:2017-01-10 15:07:43

标签: angularjs

我对Angular Js表单和提交按钮的控件很少。我也在验证字段是否为空。但是,即使输入了所有数据,表单也不会被提交。以下是我的示例代码:

Index.cshtml

<body class="ng-cloak">
<div ng-controller="testController" ng-init="init()">
<form name="mainForm" id="createForm" ng-submit="mainForm.$valid && add()" novalidate="">
  <div class="container" ng-show="createMenu">             

                <div class="row">
                    <div class="col-sm-2">
                        <label>Name :</label>
                    </div>
                    <div class="col-md-6 form-group">
                        <input type="text" maxlength="150" class="input-md form-control col-md-4" required="" ng-model="testName" name="testName" />
                    </div>
                </div>
                <span style="color:red" ng-show="submitted == true && mainForm.testName.$error.required">Name is required</span>
//other controls
   <input type="submit" value="Submit" ng-click="submitted=true" /> 

是否有任何标识符或方法来检查哪个控件具有无效数据? 感谢

1 个答案:

答案 0 :(得分:1)

出于调试目的,您只需打印the $error property of the form controller

即可
<pre ng-bind="mainForm.$error | json"></pre>

这将立即显示哪个模型无效。