Prevent multiple form submission MVC Jquery

Question

I am using Actionlink and JQuery to submit a form. It is submitting the form every time when clicking the link. I want to submit the form only the first time(once). The code is -

@Html.ActionLink(Model.link, "DefaultRate", "DefaultRate", null, new { @class = "btnclick", onclick = "return false;" })

<script type="text/javascript">
    $(document).ready(function () {
        $('.btnclick').click(function () {
                $(this).closest('form')[0].submit();
        });
    });                                              
</script>

Thanks in advance

@Satpal, I am new in JQuery, how to do this, please can you give me an example — APC
– APC, Commented Jul 19, 2016 at 12:02
Hi, I tried but did not work, <script type="text/javascript"> $(document).ready(function () { $('.btnclick').one("click", function (e) { $(this).closest('form')[0].submit(); }); }); </script> — APC
– APC, Commented Jul 19, 2016 at 12:11

Mihai Alexandru-Ionut · Accepted Answer · 2016-07-19 13:04:00Z

1

This must work:

@Html.ActionLink(Model.link, "DefaultRate", "DefaultRate", null, new { @class = "btnclick"})

<script type="text/javascript">
        $(document).ready(function () {
             var allow = true;
             $('.btnclick').click(function () {
                  if (allow){
                      $(this).closest('form')[0].submit();
                      allow = false;
                  }
                  else 
                      return false;    
             });
        });                                              
</script>

edited Jul 19, 2016 at 13:04

answered Jul 19, 2016 at 12:53

Mihai Alexandru-Ionut

48.6k14 gold badges106 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jawad Umar · Accepted Answer · 2016-07-19 13:01:22Z

0

Here is what you want

                <script type="text/javascript">

                    $(document).ready(function () {

                        $('.btnclick').bind("click", function () {

                            $('.btnclick').unbind("click");

                            $(this).closest('form')[0].submit();

                        });
                    });         

                </script>

answered Jul 19, 2016 at 13:01

Jawad Umar

954 bronze badges

Collectives™ on Stack Overflow

Prevent multiple form submission MVC Jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related