Home/ Questions/Q 6591415
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T17:25:13+00:00

I am trying to check the username is available or not using button click

  • 0

I am trying to check the username is available or not using button click event in javascript but when the user hits directly the button without entering anything in the textbox it’s showing me as available.

So I want to make as “please enter some text” message when the user doesn’t enter anything in the textbox and hits the button.
So how do I do that?

Here is my code:

<script type="text/javascript">
    $(function () {
        $("#<% =btnavailable.ClientID %>").click(function () {
            $("#dvMsg").removeClass().addClass('messagebox').text('Checking...').fadeIn("slow");
            $.post("LoginHandler.ashx", { uname: $("#<% =txtUserName.ClientID %>").val() }, function (result) {
                if (result == "1") {
                    $("#dvMsg").html('Already exists!').addClass('messageboxerror').fadeTo(900, 1);
                }
                else if (result == "0") {
                    $("#dvMsg").html('Available').addClass('messageboxok').fadeTo(900, 1);
                }
                else {
                    $("#dvMsg").html("Error!").addClass('messageboxerror').fadeTo(900, 1);
                }
            });

        });
        $("#<% =btnavailable.ClientID %>").ajaxError(function (event, request, settings, error) {
            alert("Error requesting page " + settings.url + " Error:" + error);
        });

    });
</script>

And this is my Css:

<style>
   .messagebox {
       position:absolute;
       width:100px;
       margin-left:30px;
       border:1px solid #c93;
       background:#ffc;
       padding:3px;
   }
   .messageboxok {
       position:absolute;
       width:auto;
       margin-left:30px;
       border:1px solid #349534;
       background:#C9FFCA;
       padding:3px;
       font-weight:bold;
       color:#008000;
   }
   .messageboxerror {
       position:absolute;
       width:auto;
       margin-left:30px;
       border:1px solid #CC0000;
       background:#F7CBCA;
       padding:3px;
       font-weight:bold;
       color:#CC0000;
   }
   #dvMsg {
       height: 15px;
       width: 142px;
       z-index: 1;
       left: 172px;
       top: 126px;
       position: absolute;
   }
</style>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You verify the txtUserName is empty and display a message.

    <script type="text/javascript">
   $(function () {
      $("#<% =btnavailable.ClientID %>").click(function () {
        if ($("#<% =txtUserName.ClientID %>").val() == "") {
           $("#dvMsg").removeClass().addClass('messageboxerror').text('please enter some text').fadeIn("slow");
        } else {
           $("#dvMsg").removeClass().addClass('messagebox').text('Checking...').fadeIn("slow");
           $.post("LoginHandler.ashx", { uname: $("#<% =txtUserName.ClientID %>").val() }, function (result) {
             if (result == "1") {
                 $("#dvMsg").html('Already exists!').addClass('messageboxerror').fadeTo(900, 1);
             }
             else if (result == "0") {
                 $("#dvMsg").html('Available').addClass('messageboxok').fadeTo(900, 1);
             }
             else {
                 $("#dvMsg").html("Error!").addClass('messageboxerror').fadeTo(900, 1);
             }
          });
        }
    });

    $("#<% =btnavailable.ClientID %>").ajaxError(function (event, request, settings, error) {
        alert("Error requesting page " + settings.url + " Error:" + error);
    });
 });
</script>
    • 0