1. ホーム
  2. forms

[解決済み] AngularJSでフォームが無効なときに送信ボタンを無効にする

2022-04-21 23:38:18

質問

このようなフォームを作成しています。

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

ご覧のように、入力が空の場合はボタンが無効になりますが、テキストが含まれている場合は有効には戻りません。どうすればうまくいくのでしょうか?

どのように解決するのですか?

ng-disabledと同様に、フォームの名前を使用する必要があります。 Plunkerでのデモはこちらです。

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