HTML5のvalidationを使い、form.checkValidity() の結果を見てsubmitボタンの状態を変更します。 サンプルコード title用のinput要素にrequired属性を付けています。これでtitleが未入力の場合は form.checkValidity() がfalseを返すようになるため、入力があるたびにこの結果を確認し、未入力の場合はsubmitボタンを押せないようにします。 <form action="/posts" method="post" data-validate> <input name="title" type="text" required> <textarea name="body"></textarea> <input name="commit" type="submit" value="OK" disabled> </form>
![HTML5のValidationでsubmitボタンの状態を変更する - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/cbc1f0f7d57c0fbd7dc87d81bc07542c36a83eff/height=288;version=1;width=512/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fqiita-fb-2887e7b4aad86fd8c25cea84846f2236.png)