You have to prevent the form it self from posting. I think when you
return false, you return it to the jQuery event, not the post event.
Try this:
$('#tpcsubmit').closest("form").submit(function(e) {
e.preventDefault();
$(this).ajaxSubmit(optionstpcsubmit);
});
..fredrik
On Jun 24, 10:41 am, jogep <joh...@googlemail.com> wrote:
> Hello,
>
> the code bellow shows my problem. I have a link, when i click on this
> link
> the DIV with the Form slide in. This works.
>
> But when I submit the form the result was executed twice. And I Don't
> know why.
> When I leave the code for slide in the form, the form was submited
> only once.
>
> Why jQuery submited this form twice??? Any idea?
>
> <a href="javascript:void(0)" id="testlink">Show Test</a>
> <div id="tpanlegen" style="width: 100%; display: none;">
> <form id="teilprojekt_create" action="/test.action" method="post">
> <select name="test" id="test" class="textfeld" style="width:
> 100%;">
> <option value="1950">Test 1</option>
> <option value="2000">Test 2</option>
> </select>
> <input id="tpcsubmit" value="Submit" type="submit">
> <script type="text/javascript">
> $(document).ready(function () {
> var optionstpcsubmit = {
> beforeSubmit: before_tpcsubmit,
> success: complete_tpcsubmit,
> timeout: 3000,
> target: '#target'
> };
>
> $('#tpcsubmit').closest("form").submit(function() {
> $(this).ajaxSubmit(optionstpcsubmit);
> return false;
> });
> function before_tpcsubmit() {
> $('#inicator').show();
> }
> function complete_tpcsubmit() {
> $('#inicator').hide();
> $("#target").effect("slide",{ },2000);
> }
> });
> </script>
> </form>
> </div>
> <script type="text/javascript">
> $(document).ready(function () {
> $('#testlink').bind(
> 'click',
> function(e){
> $("#tpanlegen").effect("slide",{ },2000
> );
> });});
>
> </script>
>
> Best Regards
> Johannes Geppert
>
> -------------------------------------------------
> web:http://www.jgeppert.com
> twitter:http://twitter.com/jogep
