窗体 – 当窗体无效时使用AngularJS禁用提交按钮

发布时间：2020-12-17 09:19:00 所属栏目：安全来源：网络整理

导读：我有这样的形式： form name="myForm" input name="myText" type="text" ng-model="mytext" required / button disabled="{{ myForm.$invalid }}"Save/button/form 您可能会看到，如果输入为空，则按钮将被禁用，但是当其包含文本时不会更改为启用。如何使它

我有这样的形式：

<form name="myForm">
    <input name="myText" type="text" ng-model="mytext" required />
    <button disabled="{{ myForm.$invalid }}">Save</button>
</form>

您可能会看到，如果输入为空，则按钮将被禁用，但是当其包含文本时不会更改为启用。如何使它工作？

您需要使用表单的名称，以及ng-disabled： Here’s a demo on Plunker

<form name="myForm">
    <input name="myText" type="text" ng-model="mytext" required />
    <button ng-disabled="myForm.$invalid">Save</button>
</form>

（编辑：李大同）

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