JavaScript

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

2019年10月9日

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

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;
    }
});

 

Pocket
LinkedIn にシェア

React入門者へおすすめ動画&書籍おすすめ!

フロントエンド入門者へおすすめ動画&書籍おすすめ!

  • この記事を書いた人

藤沢瞭介(Ryosuke Hujisawa)

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

-JavaScript

Copyright© off.tokyo , 2021 All Rights Reserved Powered by AFFINGER5.