我正在使用以下代码进行角度表单验证
<form ng-app="" ng-controller="validateCtrl" name="myForm" novalidate> <p>Username:<br> <input type="text" name="user" ng-model="user" required> <span style="color:red" ng-show="myForm.user.$dirty && myForm.user.$invalid"> <span ng-show="myForm.user.$error.required">Username is required.</span> </span> </p> </form>
但如果我想这样使用：
<div ng-app="" ng-controller="validateCtrl" name="myForm" novalidate> <p>Username:<br> <input type="text" name="user" ng-model="user" required> <span style="color:red" ng-show="myForm.user.$dirty && myForm.user.$invalid"> <span ng-show="myForm.user.$error.required">Username is required.</span> </span> </p> </div>
但这不起作用.
有没有办法做这项工作？不使用任何其他库.
的jsfiddle：link
解决方法
您可以使用ngForm指令(
here)来启用其中的$pristine,$dirty,$valid,$invalid服务：
只需这样定义：
<div ng-app="" ng-controller="validateCtrl" name="myForm" novalidate ng-form>
这是一个例子：
