how can i prevent code behind method call in asp.net

Question

I am creating registration page and doing null field validation on submit button click using jquery. if there is any error in form validation then i am preventing default method call using jquery, so it will not call code behind button click event.

Problem: sometimes user double clicked on button and this is calling code behind button click event two times with two database row insertion having a same data.

I tried lots of solution but unfortunately i couldn't make any success. Please help me to solve out this problem if you have any solution.

Thanks in advance,

In client side, set the button disabled when clicked, and enable it after ajax complete event — Fendy
– Fendy, Commented Jun 27, 2013 at 10:39
i am using jquery for only null field validation. actually it is asp:button and data insertion is performed inside server side button click event. — Chirag
– Chirag, Commented Jun 27, 2013 at 12:02
If you calling Jquery function on button click, its good habbit later call ajax function ie ur [WebMethod] function — Satinder singh
– Satinder singh, Commented Jun 27, 2013 at 12:50

Chirag · Accepted Answer · 2013-06-29 07:30:28Z

2

Actually, i was preventing default server side method call in jquery when button is clicked using e.PreventDefault() method of jquery if validation is false. Don't know what was the problem but when i set function on client click of button and return true/false based on validation instead of e.PreventDefault, trick worked great for me.

Thanks to all who comment on this question.

answered Jun 29, 2013 at 7:30

Chirag

3178 silver badges19 bronze badges

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

Comments

Tum · Accepted Answer · 2013-06-27 10:40:28Z

0

Simply add a variable called 'loading' for example and check if the ajax call is busy:

At the top of your code:

var loading = false;

Then on form submit:

$('#form').submit() {
    if(loading)
        return false;

    loading = true;

    //Ajax call
    $.ajax({
    type: "POST",
    url: "somePage.php",
    data: $('#form').serialize(),
    success: function(response) {
        loading = false;
            //Your response code
    }
    });
}

answered Jun 27, 2013 at 10:40

Tum

7,6852 gold badges27 silver badges23 bronze badges

Comments

Darren · Accepted Answer · 2013-06-27 10:43:00Z

0

Use one on the client side. This will prevent double clicks.

$("#button").one("click", function() {
      // validate the form.

      // if form is valid, submit form
});

An alternative solution is to have a boolean flag.

var submitting = false;

   $("#button").click(function() {        
          if (!submitting) {
             submitting = true;

             if (formIsValid) {
                 submitting = false;
                 $("#form").submit();
             } else {
                 submitting = false;
              }
          }
   });

edited Jun 27, 2013 at 10:43

answered Jun 27, 2013 at 10:37

Darren

71.2k24 gold badges141 silver badges146 bronze badges

Comments

Josef Prochazka · Accepted Answer · 2013-06-27 10:43:07Z

0

Add disabled attribute to your button as the first thing in your js method.

function func(event) {

$("#button").prop("disabled", true);

..... }

answered Jun 27, 2013 at 10:43

Josef Prochazka

1,2932 gold badges9 silver badges28 bronze badges

Comments

Manish Parmar · Accepted Answer · 2013-06-27 12:47:43Z

0

try this it might help for your asp button

<asp:Button runat="server" ID="btnSubmit" Text="Submit" OnClick="btnSubmit_Click" UseSubmitBehavior="false" OnClientClick="ValidationCode(event); return false;" />

    <script>
        function ValidationCode()
        {
            //Code of validtion
            event.preventDefault();
            if(true)
            {
                __dopostback:("btnSubmit","");
            }
        }
    </script>

edited Jun 27, 2013 at 12:47

answered Jun 27, 2013 at 10:41

Manish Parmar

8591 gold badge11 silver badges19 bronze badges

1 Comment

Chirag Over a year ago

yes it is working ok for first time. it is adding _doPostBack() in button onclick attribute. so when i click second time on same button after first successful insertion, it is not validating my form controls as it is in first call. checking null ,email, phone number validation etc. in jquery function that i am calling when button is clicked.

Satinder singh · Accepted Answer · 2013-06-27 12:59:20Z

Sample code

Client Side:

   $("#submit").click(function () {

          if (!YourvalidationFunction) 
              {
                    return false;
              }
           else {
                  //ajax_function is a folder contain Default.asmx page and insertNewRecord is function name (server side)
                   $.ajax({
                   type: "POST",
                   url: "ajax_function/Default.asmx/insertNewRecord",
                   data: "{ 'prefix': '" + dataString + "'}",
                   contentType: "application/json; charset=utf-8",
                   dataType: "json",
                   success: OnSuccessinsertingwcCall,
                   error: OnErrorCall
                    });
                 }
            });

Server Side:

[WebMethod]
public string[] insertNewRecord(string prefix)
{
         string status = "";
         List<string> d = new List<string>();
         try
         {
           // logic code for insertion if success set msg
             status = "New record inserted";
         }
         catch (Exception ac)
         {
             status = " Error occurs";
         }
         d.Add(string.Format("{0}", status));
         return d.ToArray();
 }

Collectives™ on Stack Overflow

how can i prevent code behind method call in asp.net

6 Answers 6

Comments

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related