Question

<script>
$(document).ready(function(e) {
$('.username').change(function(e) {
    var usr = $('.username').val()
    if(usr.length >= 4) {
        $('#status').html('<font><image src="images/loader.gif" />Checking username...</font>');

        var request = $.ajax({
            url:"check.php",
            type:"POST",
            data:"username="+usr
        });
        request.done(function(msg) {
            if(msg == 'OK') {
                $('#status').html('<font color="green"><img src="images/accepted.png /> Available</font>');
            }
            else {
                $('#status').html(msg);
            }

        });
        request.fail(function(jqXHR, textStatus) {
            $('#status').html(textStatus)
        });
    };
});
});

</script>

脚本有效，request.done

返回核心消息msg

msg =确定//如果用户名可用

msg =用户名'。$ username。'已在使用中。 //如果用户名存在

但我无法获得if msg ==确定修改#status .....如果msg = OK，则状态为空

Answer 1

你有一个拼写错误 - 错过了图片src上的结尾引用。

$('#status').html('<font color="green"><img src="images/accepted.png /> Available</font>');

                                                                    ^ missing " here

请注意，JQuery中有一个元素创建语法可以帮助避免（或至少检测）这些类型的拼写错误：

var el = $("<font>", { color: "green" }).append(
    $("<img>", { src: "images/accepted.png" })
).append("Available");
$("#status").html(el);

jquery ajax .done if msg else

1 个答案: