입력란에 특정 사용자 이름을 로그인하도록 허용하고 사용자 이름 입력란에 HTML

Question

두 명의 선택된 사용자 만 내 애플리케이션에 로그인하도록 허용합니다. 제출 버튼을 클릭 할 때 클릭하십시오. 이 두 사용자 이름은 user.txt이라는 텍스트 파일에 나열되어 있으므로 username 매개 변수를 읽고 텍스트 필드에 입력 한 사용자 이름이 user.txt 파일의 항목과 일치하면 사용자는 로그인 할 수 있어야합니다 else 오류가 표시되어야합니다.

참고 : 도전은 여기에 내가 이미 검증이 (validateForm()) 제출 버튼의 클릭에 잘 작동을. 사용자 이름과 암호 필드가 비어 있지 않은지 확인합니다. 이 새로운 특정 사용자 이름 유효성 확인을 허용 유효성 확인은 물론 제출 버튼을 클릭하십시오.

내가 예제 코드를 제안 할 수 있습니까?이 유효성 검사를 Ajax 또는 jQuery 또는 간단한 JavaScript를 사용하여 처리하는 방법은 무엇입니까?

Username.txt 파일 이름 및 암호 텍스트 필드가 비어 있지 않은 확인 여부를

Username1 : Tom 
Username2 : Harry 

:

function validateForm() { 
    var x = document.forms["login"]["userid"].value; 
    if (x == null || x == "") { 
     alert("Username is empty"); 
     return false; 
    } 
    var x = document.forms["login"]["pswrd"].value; 
    if (x == null || x == "") { 
     alert("Password is empty"); 
     return false; 
    } 
} 

Answer 1

올바른 (보안) 인증을 원하면 자습서 like this one을보십시오. 당신은 단지 사용자 이름에 대해 확인하려면

이 jQuery 코드를 시도 :

$.ajax({ 
    type: "POST", 
    url: "script_url", 
    dataType: "json", 
    data: { 
     user : $("#user").val(), 
     call : "checkUser" 
    }, 
    beforeSend: function(){ }, 
    success : function(response){ 
     if(!response){ 
      alert('User not allowed!'); 
     } 
    }, 
    complete: function(){ } 
}) 

그리고 PHP 코드 :

$lines = file('../location/Username.txt'); 
$arr_users = array(); 
foreach($lines as $line){ 
    $arr = explode(':', $line); 
    $arr_users[] = trim($arr[1]); 
} 

function checkUser($request){ 
    return in_array($request['user']); 
} 

if (!empty($_POST['call'])) { 
    die($_POST['call']($_POST)); 
} 

안부를!

Answer 2

당신은 서버의 file.txt를 상대로 확인해야 (btw : 데이터베이스는 일반적으로 그 용도로 사용됩니다.)

클라이언트 측 (자바 스크립트)에서이를 수행하는 유일한 방법은 배열 내부에 이름 목록을 포함시키는 것입니다.하지만 클라이언트가 배열을 볼 수 있기 때문에 이해가되지 않습니다. 그래서 서버 측을 사용해야합니다.