无法使用javascript启用按钮

not able to enable button using javascript

本文关键字：启用 按钮 javascript      更新时间：2023-09-26

我有2个字段用户名和密码和登录按钮。在这里，如果我点击用户名字段，它会显示用户的数量。然后如果我点击用户和密码，登录按钮必须启用。但这并不是有利的。它是启用的，如果我写用户名和密码，那么登录按钮是启用的，你能建议我吗?

$("#Username").keyup(function() {
    var len = $('#Username').val().length;
    if (len > 30 || len == 0) {
        $('#Username').css('background', 'rgb(255, 214, 190)');
        blsp();
        if (len != 0) {
            $('#nameal').css('color', 'rgb(255, 57, 19)').text('ID: Too long').fadeIn()
        } else {
        }
        flg.Username = 1
    } else {
        $('#Username').css('background', 'rgb(255, 255, 255)');
        flg.Username = 0;
        tcheck()
    }
});
function tcheck() {
    if (flg.Username == 0 && flg.Password == 0) {
        $('#signupb').css('opacity', '1').css('cursor', 'pointer');
        document.getElementById('signupb').disabled = false;
        // document.getElementById('signupb').enabled = false;
    } else {
        blsp();
    }
}

<input disabled="true" id="signupb" style="opacity: 0.2; cursor: default;" class="signin_btn" name=""   type="submit" value="Login"/>

您可以使用prop:

$('#signupb').prop('disabled', false);

为匹配元素集设置一个或多个属性。

文档:https://api.jquery.com/prop

或

您也可以使用removeAttr:

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

可以移除disabled属性:

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

我建议你使用removeProp jQuery方法代替:

$( '#signupb' ).removeProp( 'disabled' );

或removeAttr 

$( '#signupb' ).removeAttr( 'disabled' );
相关文章：