2012-04-03 20 views
0

今、私はフォームを送信しています。私はフォームを消しています(表示なし)とリンクを表示しています。私がしたいのは、ユーザーがリンクをクリックしたときにフォームにreturn true(送信できるので)です。そのため、イベントリスナーから返信します。しかし、イベントリスナーは常に添付されるので、常に真です。誰でもこれを行う最善の方法についての提案がありますか?あなたのリンクのonClickので返信Boolからイベントリスナー

<form name="request" action="http://testurl.com" method="POST" onSubmit="return test()"> 
    <input type="text" name="Name" size="10" /> 
    <input type="submit" name="submit" value="Submit" /> 
</form> 

<div id="link"> 
    <a href="test.exe" title="download">Download</a> 
</div> 

-JS-

function test(){ 
    document.request.style.display = "none"; 
    document.getElementById('link').style.display = "block"; 
    return false; 
} 
+0

なぜtest()でfalseを返す必要がありますか? – Tuan

答えて

1

使用jQueryの...ここではいくつかのchangings ..です

<form name="request"> 
    <input type="text" name="Name" size="10" /> 
    <input type="button" id="submit" value="Submit" /> 
</form> 

<div id="link"> 
    <a href="test.exe" title="download">Download</a> 
</div>​ 

ここでは、JavaScriptコードがある...

function test(){ 
    document.request.style.display = "none"; 
    document.getElementById('link').style.display = "block"; 
    return true; 
} 


$("#submit").on('click', function(){ 
    $.ajax({ 
     url: 'http://www.youractionsite.com', 
     type: 'POST', 
     data: 'name='+$("input[name='Name']").val(), 
     success: function(){ 
      test(); 
     } 
    });  
}); 
​ 

これは、コードが動作している...テストされて...

+0

作業サンプル... http://jsfiddle.net/extremerose71/McsS8/6/ – Shahrukh

0

、あなたは$( "#フォームID")を行うことができます)(提出します。それはあなたの後のことですか?

+0

'OnSubmit ='関数で既にfalseが返っていたとしても?おそらく、 –

+0

試してみて、何が起こるか見てみましょう。 –

+0

私はそれに運がなかった。自分のコードの一部を反映するように質問を更新しました。 –

関連する問題