2010-05-11 2 views
0

내가 등록 양식을 개발하고 그것은 사용자 이름 필드를 가지고, 그것은 트위터 사용자 이름 확인 (실시간 확인)처럼 있어야합니다 .. 나는 이미 텍스트 상자를 전달하는 jquery를 사용하여 모든 텍스트 키를 개발로 사용자 이름이 존재 여부
다음과 같은 자바 스크립트 방법 '확인()'텍스트 상자에 대한 onKeyUp에 호출된다 :
트위터처럼 사용자 이름을 확인하는 가장 좋은 방법은 무엇입니까?

function Check() { 

     var userName = $('#<%= TextBox1.ClientID %>').val(); 
     if (userName.length < 3) { 
      $('#checkUserNameDIV').html("user name must be between 3 and 20"); 
      return; 
     } 
     $('#checkUserNameDIV').html('<img src="loader.gif" />'); 
     //setTimeout("CheckExistance('" + userName + "')", 5000); 
     CheckExistance(userName); 

    } 
    function CheckExistance(userName) { 
     $.get(
      "JQueryPage.aspx", { name: userName }, 
      function(result) { 
       var msg = ""; 
       if (result == "1") 
        msg = "Not Exist " + '<img src="unOK.gif" />'; 
       else if (result == "0") 
        msg = "Exist" ; 
       else if (result == "error") 
        msg = "Error , try again"; 

       $('#checkUserNameDIV').html(msg); 
      } 
     ); 
    } 

만이 할 수있는 가장 좋은 방법입니다 경우 모르겠어요? 특별히 모든 키 업을 확인합니다 ..

이 문제에 대한 디자인 패턴이 있습니까? 아니면 그렇게하기위한 좋은 습관이 있습니까?

+0

하면 모든 onKeyUp에를 처리 할 수있는 응용 프로그램 ... 있는지, 왜 안. 그러나 작은 timeOut (그리고 새로운 keypress는 타이머를 새로운 것으로 대체하는 것)을 넣거나 "check username"버튼을 넣거나 사용자가 양식 입력 필드 (onBlur)를 떠날 때를 확인하고, 그것은 마지막 필드가 아닙니다. – Konerak

+0

나는 트위터 사용자 이름과 같은 사용자 이름을 쓰는 동안 실시간으로 만들고 싶다. 이미 키로 끝냈다.하지만 모든 키를 요청하여 확인하기에 좋은 성능인가? 시간을 사용하기 위해 어떤 시나리오가 있습니까? –

답변

0

은 아마 당신이 사용할 수있는 CustomValidator and a ServerSideValidationExtender with Ajax :

+0

미안하지만, 내 질문에 대한 대답이 어떻게 실현되었는지 모르겠다. 설명해 주시겠습니까? 내 문제 : 모든 키를 확인하는 것이 가장 좋은 솔루션인가 아니면 다른 것이 있습니까? –

관련 문제