jQuery用户名可用性问题 [英] Jquery username availability problem

问题描述

在空白文本框上，jQuery用户名可用性显示为"Available"，我正在检查按键事件中的可用性.

我的代码是

on blank textbox Jquery username availability showing "Available" i''m cheking availability on keyup event.

my code is

[System.Web.Services.WebMethod]
    public static string CheckUserName(string userName)
    {
        string returnValue = string.Empty;
        try
        {
            string SqlConnect = System.Configuration.ConfigurationManager.ConnectionStrings["Connect"].ConnectionString;
            SqlConnection Sqlconn = new SqlConnection(SqlConnect); 
            SqlCommand cmd = new SqlCommand("spx_CheckUserAvailability",Sqlconn);
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.Parameters.AddWithValue("@UserName", userName.Trim());
            Sqlconn.Open();
            returnValue = cmd.ExecuteScalar().ToString();
            Sqlconn.Close();
        }
        catch
        {
            returnValue = "error";
        }
        return returnValue;
    }

源代码部分-

source part-

<script src="js/jquery-1.3.2.min.js"type="text/javascript"></script>


 
      <script type = "text/javascript">
     function ShowAvailability() {

    $.ajax({
        type: "POST",
        url: "Signup.aspx/CheckUserName",
        data: '{userName: "' + $("#<%=TextBox4.ClientID%>")[0].value + '" }',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: OnSuccess,
        failure: function(response) {
            alert(response);
        }
    });
}

function OnSuccess(response) {
    var mesg = $("#mesg")[0];

    switch (response.d) {
        case "true":
            mesg.style.color = "green";
            mesg.innerHTML = "<img src='image/tick.png' width='13px' height='13px'> Available";
            
            break;
        case "false":
            mesg.style.color = "red";
            mesg.innerHTML = "<img src='image/unavailable.png' width='13px' height='13px'> Not Available";
            break;
        case "error":
            mesg.style.color = "red";
            mesg.innerHTML = "Error occured";
            break;
//        case  "null":
//            mesg.style.color="black";
//            mesg.innerHTML="Fill email ID";
//            break;                     
    }
}
function OnChange(txt) {
   $("#mesg")[0].innerHTML = "";
}
</script> 

推荐答案

.ajax({ 类型:" ， url:" ， 数据:' {userName:' +

.ajax({ type: "POST", url: "Signup.aspx/CheckUserName", data: '{userName: "' +

(" )[' ， contentType:" ， dataType:" ， 成功:OnSuccess， 失败:功能(响应){ 警报(响应)； } }); } 功能 OnSuccess(响应){ var mesg =

("#<%=TextBox4.ClientID%>")[0].value + '" }', contentType: "application/json; charset=utf-8", dataType: "json", success: OnSuccess, failure: function(response) { alert(response); } }); } function OnSuccess(response) { var mesg =

(" )[ 0 ]; 开关(response.d){ 大小写 " : mesg.style.color = " ; mesg.innerHTML = " ; break ; 案例 " : mesg.style.color = " ; mesg.innerHTML = " ; break ; 案例 " : mesg.style.color = " ; mesg.innerHTML = " ; break ; // 大小写为"null": // mesg.style.color ="black"; // mesg.innerHTML =填写电子邮件ID"; // 中断； } } 功能 OnChange(txt){

("#mesg")[0]; switch (response.d) { case "true": mesg.style.color = "green"; mesg.innerHTML = "<img src='image/tick.png' width='13px' height='13px'> Available"; break; case "false": mesg.style.color = "red"; mesg.innerHTML = "<img src='image/unavailable.png' width='13px' height='13px'> Not Available"; break; case "error": mesg.style.color = "red"; mesg.innerHTML = "Error occured"; break; // case "null": // mesg.style.color="black"; // mesg.innerHTML="Fill email ID"; // break; } } function OnChange(txt) {

这篇关于jQuery用户名可用性问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！