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

Question

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

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

在第5个字符输入文本框后，应该开始验证。

Answer 1

您可以使用Client Side Validation模块。此模块执行验证并在提交表单

之前显示错误消息

Answer 2

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

您可以使用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");
        }
    });
}