AngularJS表单验证"required"不起作用



我有问题的角度验证。
这个不行…

<input type="text" ng-model="text1" name="text1" required>
<span ng-show="text1.$error.required">Please enter something!</span>

但这是有效的:

<form name="myform">
<input type="text" ng-model="text1" name="text1" required>
<span ng-show="myform.text1.$error.required">Please enter something!</span>
</form>

是否有可能以某种方式纠正第一个不把它放在一个形式?

谢谢

如果你真的不想添加表单标签,可以使用"ng-form"指令。

<body ng-controller="MainCtrl">
  <div ng-form="myForm">
    <input type="text" required ng-model="user.name" placeholder="Username">
    <button ng-click="doSomething()" ng-disabled="myForm.$invalid">DO</button>
  </div>
</body>
示例

据我所知,这是不可能的。FormController负责处理每个表单元素的状态,因此您需要一个对它的引用来检查验证状态。

最新更新