【jQuery】フォームに入力されているか確認して入力がない時にアラートを出す

jQuery

2017.10.052021.03.30

html5ならrequireで必須にしちゃえばいいと思うけどXHTMLのサイトで使ったjQueryフォームに入力されているか確認して入力がない時にアラートを出す方法

jQuery関連記事

入力をチェックしてアラートを出す

html

<textarea id="htmltext" name="text"></textarea>
<button type="submit" id="check">送信</button>

JavaScript

$(document).ready(function() {
    $('#check').click(function() {
        var val1st = $('#htmltext').val();

        if (!val1st) {
            alert("テキストが入力されていません。")
            return false;
        }
    });
});

送信ボタンが押されたときに、textareaの中身を見に行きます。
空だったらalertが出てきて、return false;で処理を中断させます。

requiredのような必須入力のバリデーションチェック

jQueryでrequiredの専用エラー文と文字数制限のバリデーションをつくる

requiredで入力していないと「このフィールドを入力してください」しか出ないし、ほかの入力がある場合、エラー表示がばらばらになるので、requiredの動きをjQueryでつくります。それと、文字数制限のバリデーションもつくります。j...