Php 在Jquery中添加JS函数以检查用户名是否可用

我想问一个关于JS函数的问题，现在我想让函数检查用户名 这是我的JS代码：

jQuery.validator.addMethod("noSpace", function(value, element) { 
    return value.indexOf(" ") < 0 && value != ""; 
    });

    $().ready(function()
    {
        $("#signupForm").validate(
        {
            rules:
            {
                full_name: "required",
                username: {
                    required: true,
                    minlength: 2,
                    noSpace: true,
                },
                password: {
                    required: true,
                    minlength: 5
                },
                email: {
                    required: true,
                    email: true
                },
            },
            messages:
            {
                full_name: "Please enter your full name",
                username:
                {
                    required: "Please enter a username",
                    minlength: "Your username must consist of at least 2 characters",
                    noSpace: "No space allowed",
                },

                password:
                {
                    required: "Please provide a password",
                    minlength: "Your password must be at least 5 characters long"
                },

                email: "Please enter a valid email address"
            }
        });
    });

jQuery.validator.addMethod（“noSpace”，函数（值，元素）{
返回值.indexOf（“”<0&&value！=“”）；
});
$（）.ready（函数（））
{
$（“#注册表”）.validate(
{
规则：
{
全名：“必选”，
用户名：{
要求：正确，
最小长度：2，
是的，
},
密码：{
要求：正确，
最小长度：5
},
电邮：{
要求：正确，
电子邮件：真的
},
},
信息：
{
全名：“请输入您的全名”，
用户名：
{
必需：“请输入用户名”，
minlength：“您的用户名必须至少包含2个字符”，
noSpace：“不允许有空间”，
},
密码：
{
必填：“请提供密码”，
minlength:“您的密码长度必须至少为5个字符”
},
电子邮件：“请输入有效的电子邮件地址”
}
});
});

因此，我如何将该函数添加到检查可用用户名中，并在输入文本用户名（如果可用或不可用）下方显示它，如果可用，用户可以继续提交表单。否则，用户无法继续提交表单

为了检查用户名，我使用PHP语言和Mysql数据库

---

有什么想法吗？

试试这个例子，注意这里如何使用checkAvailability

$(document).ready(function() {
jQuery.validator.addMethod("checkAvailability",function(value,element){
 var x= $.ajax({
    /*Setting of request*/
 }).responseText;

 if($("message", x).text()=="true") return true;
 else return false;
},"Sorry, this user name is not available");

$("#loginForm").validate({
    rules:  {
        username: {
            required: true,
            minlength: 4,
            checkAvailability: true
        },
    },

    submitHandler: function(form){send()}
});
});

---

您使用哪种服务器端语言？您需要服务器端支持来检查用户名是否可用&通过AJAX调用该页面。@KapilSharma I使用PHP语言。有一个例子吗？也许这篇文章可以帮助你@NagaBotak使用php，你使用的是什么框架，你使用的是什么数据库MYsql？用户表的结构是什么？这取决于您使用的语言，所以如果您使用PHP，您应该编写获得JSON结果的页面。这个rezult应该类似于{“message”：true}或{“message”：false}（如果我们在上面讨论exmaple）；if（$（“message”，x）.text（）=“true”）返回true；否则返回false；在这里，您应该编写获取有效性值的逻辑。有几种方法可以让你选择一种适合你的方法