HTML5フォームの投稿、リフレッシュ、または新しいウィンドウを開くを停止する投稿者

Question

私はHTML5フォームタグをクライアントサイドバリデーターに組み込んでいますが、私はちょうど持っているものを送信したくありません代わりに実行するJavascript関数

フォームのPostメソッドを停止するにはどうすればよいですか？

<input .... onclick="function();return false;" /> 

またはあなたがちょうどそうのような関数からfalseを/ trueを返すことができます：： -

乾杯キーズ

Answer 1

はそうのように、関数呼び出しの後リターン偽を追加

<input .... onclick="return function()" /> 

Answer 2

jQueryを使用する場合、次の操作を実行できます。

0123あなたはAjaxコードを書くことができます「//あなたのスタッフを行う」では

document.getElementById('your_form_id').addEventListener('submit' function() { 
    // do your staff 
    return false; 
}); 

：

また、フレームワークなしでそれを行うことができます。

Answer 3

フォームタグにonSubmit検証プロパティを追加します。

<form onsubmit="return myfunction()"> 

あなたは、例えば、フォームにをonSubmitハンドラを追加します

function myfunction() { 
    // do your validation 
    if (validation.passes) { // you will need to change this line !!! 
    return true; // to submit 
    } else { 
    return false; // to prevent submit 
    } 
} 

Answer 4

あなたの関数のためのブール値を返すことを確認

<form method="POST" onsubmit="return sendForm();"> 

が続いて関数を定義し、戻り値としてfalseを追加します。私は、彼らがそうであるように私の機能を残すことを好むとのonSubmitハンドラに虚偽のリターンを追加する傾向がある

function sendForm() { 
    //do your ajax request... 
    return false; 
} 

Answer 5

、例：

<form onsubmit="aFunction(); return false;"> 

Answer 6

私はすべてのあなたのソリューションを試してきましたが、それはまだAjaxの処理の後にページをリロードする：

<form id="form2" method="POST" onsubmit='sent(); return false;' > 

function sent(){ 
    $.ajax({ 
     ... 
    }); 
}