ホーム 技術ネタ

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;
    }
});
Pocket
LinkedIn にシェア



技術 x マーケティングの支援ならOFFで一貫支援、承ります。詳しくは下記のURLから↓ ⭐️

マーケティングと、システム開発のプロフェッショナル集団が御社の課題の解決をお手伝いします

-ホーム, 技術ネタ
-, , ,

Copyright© off , 2020 All Rights Reserved Powered by AFFINGER5.