当表单使用 AngularJS 无效时禁用提交按钮

小编典典

当表单使用 AngularJS 无效时禁用提交按钮

all

我有这样的表格：

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

如您所见，如果输入为空，则该按钮被禁用，但当它包含文本时它不会变回启用状态。我怎样才能让它工作？

阅读 277

2022-08-08

共1个答案

小编典典

您需要使用表单的名称以及 ng-disabled：这是 Plunker
上的演示

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

2022-08-08