Что не так с этой функцией размытия? - PullRequest
Новая
       17

Что не так с этой функцией размытия?

0 голосов
/ 20 января 2012

У меня есть эта функция размытия, как показано ниже, и в первый раз она не проверяется, а когда текст изменяется во второй раз, она работает 

<script type = "text/javascript">
    function ShowAvailability() {
    var userName = $("#<%=txtUsername.ClientID %>");
    $("#<%=txtUsername.ClientID %>").blur(function () {
        userName = $(this).val();

        if (userName.length < 5) {
            $("#mesg")[0].innerHTML = "";
        }
        else {
            $.ajax({
                type: "POST",
                url: "Default.aspx/CheckUserName",
                data: '{userName: "' + $("#<%=txtUserName.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 = "Available";
                break;
            case "false":
                mesg.style.color = "red";
                mesg.innerHTML = "Not Available";
                break;
            case "error":
                mesg.style.color = "red";
                mesg.innerHTML = "Error occured";
                break;
        }
    }
    function OnChange(txt) {
        $("#mesg")[0].innerHTML = "";
    }

Это мое текстовое поле:

 <asp:TextBox ID="txtUsername" runat="server" BorderStyle="Solid" BorderWidth="1px" BorderColor="#0099CC" BackColor="#FAFFBD" AutoCompleteType="Disabled" onkeyup = "OnChange(this)" Onblur="ShowAvailability()"></asp:TextBox>
             <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" 
             ControlToValidate="txtUsername" ErrorMessage="User Name is required." 
             ToolTip="User Name is required." 
             CssClass="signupvalidators" ForeColor="Red">*</asp:RequiredFieldValidator>
             <span id = "mesg"></span>

Вот я проверяю это: 

 <System.Web.Services.WebMethod()> _
Public Shared Function CheckUserName(ByVal userName As String) As String
   Dim returnValue As String = String.Empty
   Try
      Dim consString As String = ConfigurationManager _
            .ConnectionStrings("conString").ConnectionString
      Dim conn As New SqlConnection(consString)
      Dim cmd As New SqlCommand("spx_CheckUserAvailability", conn)
      cmd.CommandType = CommandType.StoredProcedure
      cmd.Parameters.AddWithValue("@UserName", userName.Trim())
      conn.Open()
      returnValue = cmd.ExecuteScalar().ToString()
      conn.Close()
   Catch
      returnValue = "error"
   End Try
   Return returnValue
End Function

Ответы [ 2 ]

1 голос
/ 20 января 2012

Обернуть функцию 

 $("#<%=txtUsername.ClientID %>").blur(function () { etc..

In 

$(document).ready(function(){

  //.. your code here

)};

Возможно, DOM не загружен и событие не связывается с первого раза.Оболочка document.ready гарантирует, что DOM загрузил

0 голосов
/ 20 января 2012

напишите эту функцию при нажатии клавиши или при нажатии клавиши, после чего событие keyup может работать.

...