日刊ハイテク情報誌の マガジンOFFです! 毎日IT系のニュースを 配信しています!

htmlのフォームの中で空白ならsubmitさせない – JavaScript

ユーザーネームとメールアドレスの欄が空白のままだったら送信ボタンを押せないようにしようと思います

html5

<form action="" method="post" name="form" id="form">
                <input type="text" placeholder="Your email*" name="email" id="email">
            
    
                <input type="text" placeholder="Your name*" autocomplete=off name="name" id="user_name">
            
            
                    <button type="submit" id="signup" value="Sign me up!">Sign Up</button>

            
        </form>

 

JavaScript

$('#form').submit(function() {
    if ($.trim($("#email").val()) === "" || $.trim($("#user_name").val()) === "") {
        alert('you did not fill out one of the fields');
        return false;
    }
});

 

藤沢瞭介(Ryosuke Hujisawa)
  • りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています!

JavaScript