Javascript를 사용하여 사용자 이름을 확인하는 방법은 무엇입니까?

Question

내가 자바 스크립트를 사용하여 유효성을 검사 할 수있는 방법을 알고 싶습니다. 계정을 만들 때 사용자 이름을 입력하면 이미 데이터베이스에 있으며 사용자에게 다른 사용자 이름을 입력하도록 요청할 수 있습니까?

Answer 1

1. 이벤트의 수신 수신기를 <input /> 요소에 연결합니다. AJAX는 아이디를 부여할지 여부를 서버 측 수표에
2. (매개 변수 필드 값) 서버에 요청을 전송하여
3. 서버의 응답 표시 (여부)에 기초
4. 가 이 이름은 이미 사용 아닌지 이미 사용 메시지

jQuery를 (I 순수한 JS 너무 게으른) + PHP 샘플 코드 :

<form ...> 
    ... 
    <input type="text" name="username" id="input-username" /> 
    <p class="error"></p> 
    ... 

$("#input-username").blur(function() { 
    $.post("/check-username.php", { username: $(this).val() }, function(data) { 
     if ("0" == data) { /* username in use */ 
      $(this).next("p").text("This username is already in use.</p>"); 
     } else {   /* username is fine */ 
      $(this).next("p").empty(); 
     } 
    }); 
}); 

<?php 

$username = $_POST['username']; 

// check whether given username exists in database 
$usernameExists = ...; 

echo $usernameExists ? '0' : '1'; // 0 if exists, 1 if not. 

Answer 2

대답은 AJAX입니다. 데이터베이스에 대해 유효성을 검사해야하는 경우 서버를 호출해야합니다. 페이지를 다시로드하지 않고 (EDIT : 제대로) 수행 할 수있는 유일한 방법은 AJAX입니다. 구현 방법은 사용하고있는 자바 스크립트 라이브러리와 사용중인 서버가 무엇인지에 따라 다릅니다. 나는 당신이 그것을 조금 검색하고 읽을 것을 제안한다 - 이것은 꽤 일반적인 사용 사례이다.

Answer 3

아약스하지 않을 수도 있습니다 사용자 이름은 일반적으로 공개되므로 유일한 해결책입니다. 간단한 방법은 단지 새로운 사용자가 추가 될 때마다 업데이트되는 RDF/XML 문서를 사이트에있는 모든 사용자의 목록이있는 Javascript DOM으로 쉽게 탐색하여 해당 사용자가 이미 사용 중입니다. 당신은 또한 그들이 당신이 얼마나 유리한가 또는 불리한 점인지에 따라 당신이 아닌 계산 능력을 지불하게합니다.

Answer 4

개인적으로 나는 물건을 단순하게 만들기 위해 JQuery 유효성 검사 플러그인을 사용합니다. http://bassistance.de/jquery-plugins/jquery-plugin-validation/

그러나 일반적으로는 사용자 이름으로 서버에 작은 AJAX 요청 (예. JSON 객체)로 구성하고,이 데이터베이스에 '검색'반환 할 것 중 하나 참/사용자 안타 입력 허위 후 또는 탭 (이벤트 리스너 첨부). 그런 다음 콜백 응답 내에서 선택한 DOM 요소를 변경하여 사용자에게 계정 이름이 이미 데이터베이스에 있는지 여부를 나타냅니다.