magazine off

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

 

Categories

Recent Posts

MySQLでDBそのものを削除する方法

  mysql -uroot DROP DATABASE dbの名前…

投稿日 : 2019年10月13日(日曜日)

【入門者向け】SwiftでiOS開発を学べるUdemyおすすめコース7選【2021】

 こんにちわ!   本日は、Udemyで学べるおすすめのSwift開…

投稿日 : 2021年3月5日(金曜日)

production環境でsecret_tokenをセット – rails – heroku

  $export SECRET_KEY_BASE= qnaiglfmugm8…

投稿日 : 2019年4月28日(日曜日)

すべてのDockerイメージとコンテナを削除する方法

  ボリュームの使用を含むすべてのコンテナを削除するには、 …

投稿日 : 2019年10月24日(木曜日)