javascript - 我如何提取 .text(data) 值以将其放入条件语句中

Question

我在这里要做的是在用户名存在时禁用按钮。否则，该按钮被启用。我不擅长 javascript/jquery，所以我可能需要一点帮助。任何将不胜感激：

$('#username2').keyup(function() {
    var username = $(this).val();
    $('#username_status').text('searching....');
    if(username2 != "") {
        $.post('username_check.php',{username2:username}, function(data) {
            $('#username_status').text(data);
        });
    }
    else {
        $('#username_status').text('Nothing');
    }



    if ($('#username_status').text(data) != 'Username available!') {
        $("#btnSignUp").prop("disabled", false);
    } else {
         $("#btnSignUp").prop("disabled", true);
    }
});

我猜我做条件陈述的方式是错误的。

Answer 1

它应该是。

$('#username_status').text()

这将为您提供正确的文本内容

if ($('#username_status').text() != 'Username available!') {

    $("#btnSignUp").prop("disabled", false);

} else {

     $("#btnSignUp").prop("disabled", true);

}

Answer 2

您需要在 AJAX 请求中进行检查：

$('#username2').keyup(function() {
    var username = $(this).val();
    if(username != "") {
        $('#username_status').text('searching....');
        $.post('username_check.php',{username2:username}, function(data) {
            $('#username_status').text(data);
            $("#btnSignUp").prop("disabled", data != 'Username available!');
        });
    }
    else {
        $('#username_status').text('Nothing');
        $("#btnSignUp").prop("disabled", true);
    }
});

Answer 3

您可以默认禁用该按钮。

<input id="btnSignUp" name="btnSignUp" disabled="disabled" type="button" value="Sign Up" />

如果用户名可用，您可以通过以下方式启用它

$("#btnSignUp").removeAttr('disabled');

你也可以得到比较字符串如下

$("#username_status").val() != 'Username available!'