验证并允许特定的用户名登录HTML的用户名文本字段

Question

我只允许两个选定的用户单击“提交”按钮登录到我的应用程序。 这两个用户名列在名为user.txt的文本文件中，因此，应读取username参数，如果在文本字段中输入的用户名与user.txt文件的条目匹配，则必须允许该用户登录，否则出错应该显示。

注意：这里的挑战是我已经有一个validation（ validateForm（）） ，单击Submit按钮可以正常工作。 它检查以确保用户名和密码字段不为空。 我需要这个新的特定用户名，以允许进行验证验证以及单击“提交”按钮。

有人可以建议我示例代码，如何使用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

您需要检查file.txt所在的服务器（顺便说一句：通常将数据库用于此目的）。

在客户端（javascript）上执行此操作的唯一方法是将名称列表包含在数组中-但这没有意义-因为客户端可以看到该数组。 因此，您确实应该为此目的使用服务器端。

Answer 2

如果您要进行正确的（安全）身份验证，请参阅此类教程。

如果只想检查用户名，请尝试以下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));
}

最好的祝福！