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!'

我如何提取.text（data）值将其置于条件语句中

3 个答案: