Javascript：フォームの提出をキャンセルするにはどうすればいいですか？

Question

私はAJAXコール&をそこからリダイレクトするフォーム提出コードを持っています。

しかし、何とかfalseを返すと、&フォームが送信されます。

戻り値falseを使用したくない場合は、&はすべてのケースで投稿をキャンセルする必要があります。そのためのjqueryメソッドはありますか？ getlogin（）の最後にreturn false;と

function getLogin() 
{  
    //cancel form submission code here 


    $username = $('#username').val(); 
    $password = $('#password').val(); 
    console.log('Logging- '+$username+' - '+$password); 

    callAjaxService($username, $password); // redirects according to response from this method 
} 

HTML

<form action="" method="get" onSubmit="getLogin();"> 

実際のコードが入っているのjQueryモバイル&有する問題は、それがフォームを送信停止カント機能します - 。

Answer 1

アクションパラメータを正しく設定しないのはなぜですか？

action="javascript:;" 

BTW：さらに、アクションパラメータを$（window）.load（..）に設定するとよいでしょう。 なぜですか？ JSが非アクティブ化されているときにフォームを使用可能にするには、そうする必要があります。 getloginがフォームにバインドされていると仮定すると

Answer 2

ボタン/リンクを提出し、あなたはpreventDefault使用できるとstopPropagation

function getLogin(e) 
{  
    //cancel form submission code here 
    e.preventDefault(); 
    e.stopPropagation(); 
} 

はonSubmit="getLogin();"

<form id="uniqueID" action="" method="get"> 

を取り除くと、次に使用ready

$(function(){ 
    $("#uniqueID").click(getLogin); 
}) 

Answer 3

ハンドラi falseを返す、のいずれかのロジックproblem..orは、より可能性の高いコードの前にハンドラ内でスローされたエラーが戻り

に到達していないよハンドラ

http://api.jquery.com/event.preventDefault/

Answer 4

であなたの他のコードの前にevent.preventDefault（）を使用してみてくださいgetLogin()はどのように呼び出されているのですか？そしてフォームを提出するボタン<input type="submit" onclick="getLogin()">がありますか？

<input type="submit" onclick="getLogin()" id="submit_btn"> 

JS：

もしそうなら、

HTML、クリックハンドラを追加し、以下のようにそこにコードを実装

$('#submit_btn').click (function (e) { 
    e.preventDefault(); //this should stop the form submission. 

    getLogin(); 
}); 

Answer 5

私は確かに知ってはいけませんこれがうまくいくならば、私は提出ハンドラをリギングしようとします：

$('#myform').submit(function(){ 
    var user = $('#username').val(); 
    var pw = $('#password').val(); 
    $.ajax(..., { success: function(data){ 
    if(data.condition)$('#myform').submit(); 
    else window.location = 'redirect.html'; 
    }); 
    return false; 
}); 

10秒のためのを読んだ後、私は、これは他の場所で述べたpreventDefaultと組み合わせることができ、気づい：

$('#myform').submit(ev, function(){ 
     ev.preventDefault(); 
    ... 

しかしreturn falseも同様に動作するはずです。

Answer 6

function getLogin() 
{ 
    var e = window.event; 
    e.preventDefault(); 


    $username = ... 
    ... 

}