2013-10-02 56 views
0

如何追加帶有用戶輸入的電子郵件地址的URL,然後通過按鈕提交此電子郵件地址?我使用的模式會彈出,請求電子郵件,然後在用戶點擊提交按鈕時調用URL。 (jQuery支持)任何幫助非常感謝!由於從輸入中傳遞參數

<div id="emailModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
       <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
       <h3 id="myModalLabel"> We Can Help</h3> 
       </div> 
       <div class="modal-body"> 

       <h6> Enter your information in the fields below to reset a forgotten password, or to restore access to an account that has been locked for security </h6> 
       <br> 
       <form > 

        <input type="text" class="input-block-level" placeholder="Email address"> 
        <!-- <input type="password" class="input-block-level" placeholder="Password"> 
        <label class="checkbox"> 
         <a href="#"><input type="checkbox" value="remember-me"> Remember me 
        </label></a> --> 

        </form> 
       </div> 
       <div class="modal-footer"> 

       <button class="m-btn blue" data-dismiss="modal">Submit</button> 
       </div> 
      </div> 
+0

當按鈕的點擊,您可以輕鬆地更新'形式的action'財產,以這種方式提交數據。這個不需要Ajax。 – Archer

+0

所以你應該有

然後你將如何追加電子郵件到網址? – Mac10

+0

我已經添加了一個答案,如果你想使用ajax,那麼@agrothe還有一個替代答案。 – Archer

回答

1

變化形式此...

<form action="some-url.php" method="get"> 
    <input type="text" name="email" class="input-block-level" placeholder="Email address"> 
</form> 

,並添加這個腳本...

$("#emailModal button").on("click", function() { 
    $("#emailModal form").submit(); 
}); 
2

你可以做這樣的事情

$("#emailModal .m-btn").click(function(){ 
    $.post("/my/url?email=" + $("#emailModal input.input-block-level").val(), function(){ 
     // this function is called on POST finish. 
    }); 
    return false; 
}); 

我想這是你所追求的。