angularjs – 在表单上使用ng-disabled和$invalid时是否需要ng-m

发布时间：2020-12-17 10:21:30 所属栏目：安全来源：网络整理

导读：我正在使用AngularJS并且有一个表单,我希望在没有填写某些字段时禁用“提交”按钮. 标准方式似乎如下： form ng-app name="myForm" labelName/label input type="text" name="name" ng-model="form.name" required input type="submit" ng-disabled="myForm.

我正在使用AngularJS并且有一个表单,我希望在没有填写某些字段时禁用“提交”按钮.

标准方式似乎如下：

<form ng-app name="myForm">
    <label>Name</label>
    <input type="text" name="name" ng-model="form.name" required>
    <input type="submit" ng-disabled="myForm.name.$invalid">
</form>

http://jsfiddle.net/YMSRU/

但是,如果我从输入字段中省略模型,则验证不起作用,我的输入字段不需要任何模型(我使用ngUpload指令提交表单,因此它实际上发送到iframe中的表单操作) .

有没有解决方案,还是应该添加随机模型才能使验证工作？这似乎是一个糟糕的解决方法.

您可以在表单级别执行无效检查,然后无需为每个输入定义模型：

<form ng-app name="myForm">
    <label>Name</label>
    <input type="text" name="name" required>
    <input type="submit" ng-disabled="myForm.$invalid">
</form>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!