forms - 在文本框中输入输入时验证文本字段

Question

我正在尝试实现一个注册表单，要求用户输入所需的登录 ID。用户在文本框中输入所需的登录 ID。

我想对此文本框执行验证，以查看所需的登录 ID 是否可用，而无需提交表单。

验证应该在第 5 个字符输入到文本框中之后开始进行。

Answer 1

您应该验证输入的完整用户名。这也将减少您的客户端服务器交互，从而也为您提供性能。

您可以使用 jQuery 的 ajax 方法。这将调用您的服务器端代码，您可以通过查询数据库从那里进行检查，并将日期发送回客户端。

HTML：

<input type="text" id="username" onblur="checkUsername(this);"/>

Javascript：

function checkUsername(element){
    $.ajax({
    url: server_url,
    data : element.value
    }).done(function(data) { //json object returned from server
        if(data.true){
           //allowed
        }else{
           alert("select another username");
        }
    });
}

Answer 2

您可以使用客户端验证模块。该模块在提交表单之前进行验证并显示错误消息