<html>
<head>
<title>二重送信を防ぐ</title>
<script>
var flag = false;
function send(){
if(flag){
alert("送信済みです");
return false;
flag = true;
}
}
</script>
</head>
<body>
<a href="javascript:send()">データを送信</a>
</body>
</html>
あれ、上手くいかない。。
書き方を変えます。
<html>
<head>
<title>二重送信を防ぐ</title>
<script>
var set=0:
function double(){
if(set==0){
set=1;
} else{
alert("只今処理中です。\nそのままおまちください");
return false;
}
}
</script>
</head>
<body>
<form action="" method="post">
<input type="submit" name="go" class="test" value="送信" onClick="javascript:double(this)">
</form>
</body>
</html>
うーんちょっと違うようです。
<body>
<form action="" method="post">
<input type="submit" name="go" id="login_submit" class="" value="送信">
</form>
<script
src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script>
$('#login_a').on('click', function(){
if($(this).hasClass('double_click')){
return false;
}
$(this).text("送信中...");
$(this).addClass('double_click');
});
</script>
</body>
あれーーーーーーーーー
