javascript - jQueryフォーム送信スクリプトが機能しない

Question

次のスクリプトを使用して、フォームの送信を防止しようとしていますが、常に実行されます。ドキュメントの読み込みも試しpreventDefault()ましたが、機能しません。

$("form").submit(function() {
      if ($("input").eq(3).val() == $("input").eq(4).val()) {
            $("span").text("Validated...").show();
        return true;
      }

      $("span").text("Passwords do not match!").show().fadeOut(1000);
      return false;
});

Answer 1

$("form").submit(function(e) {
      if ($("input").eq(3).val() == $("input").eq(4).val()) {
            $("span").text("Validated...").show();
      }
      else{
        $("span").text("Passwords do not match!").show().fadeOut(1000);
        e.preventDefault();
      }
});

preventDefault()アクションをキャンセルするには、を使用する必要があります。e匿名関数呼び出しに追加したパラメーターに注意してください。

Answer 2

私の提案、または私が通常これについて行う方法は次のようなものです：

$("form").submit(function(e) {
    e.preventDefault(); // form never fires unless I want it to

    if( condition == true ) {
        $(this).submit();
    } else {
        //Don't submit
    }
}

これは、 preventDefault（）>がfalseを返す理由の優れた説明です。

Answer 3

これを閉じるために私は何かを見つけたと思いますが、それはせいぜいばかげています。私の関数は、$（document）.readyにあるときに機能します。なんで？私はあなたのアドバイスを聞いてうれしいです。

$(document).ready(function(){

$("form").submit(function() {
      if ($("input").eq(3).val() == $("input").eq(4).val()) {
            $("span").text("Validated...").show();
        return true;
      }

      $("span").text("Passwords do not match!").show().fadeOut(1000);
      return false;
});

 });