javascript - 在 Jquery 验证引擎中使用 Ajax 检查用户名

Question

我正在使用查询验证引擎:

http://www.position-relative.net/creation/formValidator/demos/demoValidators.html

我想使用 ajax 验证用户名字段。如果用户名已存在于数据库中..它应该验证。

这是我的代码以及我迄今为止尝试过的东西:

JS:

        "ajaxUserNameCheck": {
            "url": "phpajax/ajaxValidateFieldUser.php",
            // you may want to pass extra data on the ajax call
            "extraData": "name=eric",
            // if you provide an "alertTextOk", it will show as a green prompt when the field validates
            "alertTextOk": "* This username is available",
            "alertText": "* This user is already taken",
            "alertTextLoad": "* Validating, please wait"
        },

HTML:

<input class="validate[custom[ajaxUserNameCheck]" type="text" name="userName" id="userName" ></div>

它在警报中返回错误:

jqv:custom type not allowed ajaxUserNameCheck

Answer 1

 <input class="validate[custom[ajaxUserNameCheck]" type="text" name="userName" id="userName" ><span id="emailinfo" ></span>

 $(document).ready(function(){
           $("#userName").focusout(function(){
     var e = $(this).val(); 
        $.ajax({
                    type: "POST",
                    url: "username_validate.php", //AJAX FILE
            data: {e: e},
                    success: function(e)
                    { 
                        if(e == 0) 
                        {
                            $("#emailinfo").hide();
                        }

                        else
                        {
                        $("#emailinfo").html(e);
                        }
                    }               
                });

            });
        });