禁用提交按钮,直到用户名查找有效

时间:2015-10-18 10:04:22

标签: jquery

我有一个脚本可以查看"用户名"已验证。这工作正常,但我想要做的是禁用表单提交按钮,直到检查有效。我到目前为止的脚本是:

$(document).ready(function()
{
    $('#feedback').load('check_username.php').show();

    $('#login').keyup(function(){
        $.post('check_username.php', { login: form2.login.value },
        function(result) {
            $('#feedback').html(result).show();         
        });
    });
});

" check_username.php"脚本是:

if($totalRows_LoginLookup==1) {
    echo "The login name is already registered";
    $Hide_SaveButton = 1;
}else if($totalRows_RoomLookup==0) {
    echo "The login name is  valid";
    $Hide_SaveButton = 0;
}

有没有办法使用返回值$ Hide_SaveButton"在jQuery脚本中可以提交提交按钮。

任何帮助都会很棒。非常感谢你的时间。

1 个答案:

答案 0 :(得分:1)

在check_username.php中:

if($totalRows_LoginLookup == 1) {
    echo 'registered';
    exit;
}

echo 'available';

在前端,你可以使用:

$(document).ready(function() {
    $('#feedback').load('check_username.php').show();

    $('#login').keyup(function(){
        $.post('check_username.php', { login: form2.login.value }, function(result) {
            if(result == 'registered') {
                $('input[type=image]').attr('disabled', 'disabled'); 
                return;
            }

            $('input[type=image]').prop('disabled', false); 
        });
    });
});