Question

我使用此代码检查数据库中是否存在用户名。代码工作正常，显示可用或采用用户名。现在我想要提交按钮应当在用户选择用户名时禁用，并在用户名可用时启用。请指导我如何。

$(document).ready(function() {
    $('#username').keyup(function() {
        $.post('adm/chk_uname_avail.php', { 
            uname : changeuser.username.value 
        }, function(result){
            $('#available').html(result);
        })
    })
})

Answer 1

我正在使用旧的.center { flex: 1; }函数并确保您在$.ajax上使用布尔类型键入taken（例如）数据，并注意您应该返回JSON数据类型从它。

adm/chk_uname_avail.php

的示例

adm/chk_uname_avail.php

的Ajax

<?php
//return response as JSON
header('Content-type:application/json;charset=utf-8');

....
....
....

$data['taken'] = true; //show this response to ajax
echo json_encode($data);

?>

Answer 2

使用jQuery的.attr()方法在某些条件下禁用提交。

所以你可以像这样更新你的jQuery，

    $.post('adm/chk_uname_avail.php', { 
        uname : changeuser.username.value 
    }, function(result){
        $('#available').html(result);
        if(/* CHECK FOR CERTAIN CONDITION */) {
            $('#submit_btn').attr('disabled','disabled');
        }
    });

要删除disabled属性，可以使用jQuery的removeAttr()方法。像这样，

$('#submit_btn').removeAttr('disabled');

http://api.jquery.com/attr/

https://api.jquery.com/removeAttr/

使用ajax检查用户名是否存在

2 个答案: