CODEWITHSUNDEEP
javascriptjquery
Mac10
Mac10

Reputation: 145

Passing parameters from input

How can I append a URL with an email address that a user inputs, and then submits this email address via button? I am using a modal that will pop up, ask for the email, and then call the url when the user hits the submit button. (jQuery is supported) Any help is much appreciated! Thanks

<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>

Upvotes: 0

Views: 75

Answers (2)

Reinstate Monica Cellio
Reinstate Monica Cellio

Reputation: 26143

Change the form to this...

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

and add this script...

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

Upvotes: 1

Andrew Grothe
Andrew Grothe

Reputation: 2374

You can do something like

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

I think this is what you are after.

Upvotes: 2

Related Questions