如何在 jquery 对话框中运行 JavaScript 代码

Question

我打开一个 jquery 对话框，它打开得很好，该对话框的内容是一个表单，该表单的一个输入是：

<input onkeyup="testOnKeyUp();" type="text" name="userName" id="userName">

这是我的问题所在，假设当有人在此输入中键入 Key 时，将激活以下代码并且应该运行，但它就是不起作用。

var validateUserNameSpan = $j('#userNameSpan');

function testOnKeyUp(){
validate(this, validateUserNameSpan, 'username');
}

function validate(field, span, property) {

if (field.value != field.lastValue) {
if (field.timer) clearTimeout(field.timer);

field.timer = setTimeout(function () {
    span.value = "";
    span.removeClass('error').html('checking ...');
    $j.ajax({
        url: '/signup/'+property,
        data: property + '=' + field.value,
        dataType: 'json',
        type: 'post',
        success: function (json) {
            updateMessage(span, json.success, json.message);
            if(property=="email"){
                emailValid = true;
            }else if(property=="username"){
                userNameValid = true;
            }
        },
        error: function() {
            ajFailureInitSignup(span);
            if(property=="email"){
                emailValid = false;
            }else if(property=="username"){
                userNameValid = false;
            }
        }
    });
}, 400);


if(userNameValid && emailValid) document.getElementById('buttonLink').onclick=null ;

field.lastValue = field.value;
}
}

我做错了什么？

我不知道，但谷歌搜索我得到的信息让我觉得：

$j.ajax({

我在这个对话框中运行的（验证函数）没有被执行，为什么我这么说？因为这个对话框是在 DOM 中创建的，并且在创建之后 $j.ajax 不会被执行。

这是真的吗？

我真的很感谢任何帮助。

Answer 1

好的，主要问题是您的 AJAX 调用在发出后立即返回 - 这是正常的（这是 ajax 中的第一个“A” - 异步）。这意味着您的代码立即继续到 if (usernamevalid && emailvalid) 代码部分。这些变量此时并不存在，因为 AJAX 调用尚未返回。所以你正在比较未定义的变量，这也会失败。

您必须将该比较移至 ajax 成功/错误处理程序内，以便仅当 ajax 调用实际生成可比较的数据时才会进行比较。