ステートメントが真である場合にフォームを送信

Question

私は2つの主要な特性を持つ非常に単純なjQuery関数を書こうとしています。最初のフィールドは、フィールドが空であるかどうかをチェックすることです。 PHPコードページにつながるフォームを実行するためにフィールドが空でない場合、2番目のフィールドになります。私はjQueryを非常に新しくしています。誰かが私の間違いを正確に指摘できれば、とても感謝しています。前もって感謝します。

function Captcha() { 
 
    $('#Button').click(function() { 
 
    if ($("#Field").val().length == 0) { 
 
     alert("Please fill the box"); 
 
     return false; 
 
    } else { 
 
     alert("Your code is saved"); 
 
     return true; 
 
    } 
 
    }); 
 
} 
 

 
$(document).ready(function() { 
 
    Captcha(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action="success.php" id="Alpha" method="post" onsubmit="return Captcha();"> 
 
    <input id="Field" type="text" placeholder="Enter key here"> 
 
    <button id="Button" type="submit" form="Alpha">Confirm</button> 
 
</form>

Answer 1

フォームのsubmitイベントを使用してボタンのclickイベントを処理しないでください。フォームをキーボードから送信でき、ボタンを回避することができるためです。

あなたは作業バージョンhereを見ることができます（スタックオーバーフローは、以下のスニペット環境での作業からコードを提出しないように。）

$(function() { 
 
    $('#Alpha').on("submit", function() { 
 
    if ($("#Field").val().length == 0) { 
 
     alert("Please fill the box"); 
 
     return false; 
 
    } else { 
 
     alert("Your code is saved"); 
 
     return true; 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form action="success.php" id="Alpha" method="post" onsubmit="return Captcha();"> 
 
    <input id="Field" type="text" placeholder="Enter key here"> 
 
    <button id="Button" type="submit" form="Alpha">Confirm</button> 
 
</form>

Answer 2

あなたが実際にフォームを送信すると、フォームフィールドを検証したいと思います。ボタンをクリックすると、依頼をトリガーするプロセスが進行中です。この中へ

$('#Button').click(function() { 

：

は、これを変更してみてくださいそれが助け場合

$('#Alpha').on('submit', function() { 

を参照してください。