javascript - AngularJS - 表单自定义验证 - 检查是否至少有一个输入为空

Question

给定一个像这样的简单 html 表单:

<form name="myForm" action="#sent" method="post" ng-app>
   <input name="userPreference1" type="text" ng-model="shipment.userPreference" />
   <input name="userPreference1" type="text" ng-model="shipment.userPreference" />
   <input name="userPreference1" type="text" ng-model="shipment.userPreference" />
... submit input and all the other code...
</form>

如果至少有一个输入为空，我需要你的帮助来了解如何检查验证时间。所需的验证如下。用户必须至少完成一项偏好设置。

使用 jQuery 这个:

if ( $("input").val() == "" ) {

工作正常，但想弄清楚如何使用 angular 做同样的事情。

提前致谢

吉列尔莫

Answer 1

因此，我们的想法是在所有输入均为空白时禁用提交按钮。你可以这样做

<form name="myForm" action="#sent" method="post" ng-app>
   <input name="userPreference1" type="text" ng-model="shipment.userPreference1" />
   <input name="userPreference1" type="text" ng-model="shipment.userPreference2" />
   <input name="userPreference1" type="text" ng-model="shipment.userPreference3" />

   <button type="submit" ng-disabled="!(!!shipment.userPreference1 || !!shipment.userPreference2  || !!shipment.userPreference3)">Submit</button>
</form>

!!str 是强制将str 转换为boolean 值。 !!null 和 !!"" 都被评估为 false。

Demo