Question

如何使用用户输入的电子邮件地址附加网址，然后通过按钮提交此电子邮件地址？我正在使用弹出的模态，询问电子邮件，然后在用户点击提交按钮时调用网址。（支持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>

Answer 1

您可以执行类似

的操作

$("#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;
});

我认为这就是你所追求的目标。

Answer 2

将表格更改为此...

<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 个答案: