Question

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

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

我想使用ajax验证用户名字段。如果用户名已经在db中存在..它应该验证。

这是我的代码＆amp;到目前为止我尝试过的东西：

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>

它在alert中返回错误：

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);
                        }
                    }               
                });

            });
        });

Answer 2

替换

validate[custom[ajaxUserNameCheck]

与

validate[ajax[ajaxUserNameCheck]

Answer 3

自定义规则在jquery.validationEngine-en.js的

部分中定义

CUSTOM RULES - 那些特定于演示，可以删除或更改为您的喜好

应该在那里进行任何修改。希望这会有所帮助。

你也错过了一个＆＃34;]＆＃34;在你的班级中关闭方括号=＆＃34;语法

类=＆＃34;验证[AJAX [ajaxCaptchaCallPhp]]

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

3 个答案: