form submit via popup

Question

I have made a form. I want to open a inline popup on submit and make a text box in the popup that is compulsory to be filled and then in the popup when the user submits a form, the form then gets submitted via popup and page gets refreshed.

I am not able to show alert box in the popup and submit the form via popup.

<script type="text/javascript">
$(document).ready(function() {

  $("#submit").click(function(){
    $(".variousz").trigger('click');

  });

$(".variousz").fancybox({
    maxWidth    : 800,
    maxHeight   : 600,
    fitToView   : false,
    width       : '70%',
    height      : '70%',
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none',
    afterClose: function(){
         $('#formsubmit').submit();
        }

});
$("form").submit(function() {
 if ($('#accept').val() == 'ACCEPT'){ } else { $("span").text("Query is Not valid!").show().fadeOut(1000);
 return false; }
});
});
</script>
<body>

    <div id="inline" style="display:none;width:500px;">
        <h2>Lorem ipsum dolor sit amet</h2>     
        <p>
            <input type="text" name="accept" id="accept" value=""><span></span>

        </p>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        </p>
    </div>  
    <div class="tab_container">
            <a style="display:none;" class="variousz" href="#inline">Inline</a>

            <form method="GET" action="test.html" id="formsubmit" onsubmit="test.html" >
            <input type="text" name="aaa">
            <input type="button" id="submit" value="submit"> 
            </form>
    </div>

**Good luck with it!** How can we help you with it??? – gdoron May 28 '12 at 13:39 — gdoron, May 28 '12 at 13:39
[What have you tried](http://whathaveyoutried.com/) – Jashwant May 28 '12 at 13:43 — Jashwant, May 28 '12 at 13:43

score 1 · Accepted Answer · edited May 23 '17 at 10:09

1

There are several popup plugins over here. http://choosedaily.com/1178/15-jquery-popup-modal-dialog-plugins-tutorials/
And implement them with your form.
This old example is a good one too And all the colorbox,fancybox Other light box alternatives like these might be handful.

And there is an other stack overflow question exactly same as this. Thank you

edited May 23 '17 at 10:09

Community

1
1

answered May 28 '12 at 13:55

Katti

2,013
1
17
31

form submit via popup

1 Answers1