How to show success message using jquery ajax method in asp.net on textbox change?

Question

I've got a EmployeeMaster page where i enter empcode,empname etc.After entering empcode,when i click on the empname textbox,i want to show a success image if no such empcode exists and a failure image if empcode exists..

Is there any way to show this using jquery ajax method ?

Heres how i've tried to call the textbox change function.

 $(document).ready(function(){
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    //Raised before processing of an asynchronous postback starts and the postback request is sent to the server.
    prm.add_beginRequest(BeginRequestHandler);
    // Raised after an asynchronous postback is finished and control has been returned to the browser.
    prm.add_endRequest(EndRequestHandler);    
    AutoComp();//function for autofill textbox and it works perfectly.     
    $("#<%=txtEmpCode.ClientID %>").change(checkEmpCode);//calling textbox change  function

});
function checkEmpCode() {
    alert('hai');
}

Here alert is not displaying.How can i solve this issue....

This is an old question, but it should give you pointers: stackoverflow.com/questions/5756147/… — Adriano Carneiro
– Adriano Carneiro, Commented Sep 27, 2012 at 15:37

Arjun Shetty · Accepted Answer · 2012-09-27 18:28:44Z

0

Here is the javascript where you call the web service which check if the empcode is duplicate, the method will return 0 if duplicate

<script type="text/javascript"> 
  $(function() {
    $("#empcode").change(checkEmpCode);
  });

  function checkEmpCode() {
    $.ajax({
      type: "POST",
      url: "Service.asmx/CheckEmpCode",
      data: "{empcode: '" + $('#empcode').val() + "'}",
      contentType: "application/json; charset=utf-8",
      dataType: "json",
      success: function(response) {            
        if (response.d != "0") {
          $("#failureimage").show();
        }
        else{
          $("#successimage").show();
        }

      }
    });
  }

</script>

Your webservice will have this method

[WebMethod]
public int CheckEmpCode(string empcode)
{
  string connect = @"Server=SERVER;Database=Database;Trusted_Connection=True;";
  string query = "SELECT COUNT(*) FROM Employee WHERE empcode = @empcode";
  using(SqlConnection conn = new SqlConnection(connect))
  {
    using(SqlCommand cmd = new SqlCommand(query, conn))
    {
      cmd.Parameters.AddWithValue("empcode", empcode);
      conn.Open();
      return (int)cmd.ExecuteScalar();
    }
  }
}

answered Sep 27, 2012 at 18:28

Arjun Shetty

1,5851 gold badge15 silver badges36 bronze badges

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

3 Comments

Arjun Shetty Over a year ago

May be this should help encosia.com/never-worry-about-asp-net-ajaxs-d-again

ksg Over a year ago

sorry for the late response.I've written the change function,but the function is not working.I've tested the function with alert message.I've updated the above code

ksg Over a year ago

Yeah,finally i've got it.Thank you very much for ur wonderful answer.Without you i think i wont be able to achieve this...

Collectives™ on Stack Overflow

How to show success message using jquery ajax method in asp.net on textbox change?

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related