Question

我的项目中有几个注册页面。示例是注册学生信息，注册信息等的页面

在页面中，我想设置按钮以在符合条件时禁用。这是我的代码

$(document).ready(function() { 

    if($('#student_id').val().length === 0){
        $('#student_update').prop( "disabled", true );
        $('#student_delete').prop( "disabled", true );
    }else{
        $('#student_add').prop( "disabled", true );
    }
});

如果学生ID为空，则表示无需更新或删除，我想禁用，否则禁用添加按钮。

学生ID只是准备就绪，意味着将价值放入其中的唯一方法是从数据库中选择数据。

Answer 1

if( !$('#student_id').val() )

因为您不需要检查长度是否> 0 因为空字符串在jquery中的计算结果为false。

为了便于阅读，您可以使用：

if( $('#student_id').val().length === 0 )

您可以使用以下内容：

$(document).ready(function() { 
    disableButton();
    $('#student_id').keyup(function(){  
    disableButton();
});
});

function disableButton(){
    if(!$('#student_id').val()){
        $('#student_update').prop( "disabled", true );
        $('#student_delete').prop( "disabled", true );
    $('#student_add').prop( "disabled", false);
    }else{
        $('#student_add').prop( "disabled", true );
    $('#student_update').prop( "disabled", false);
        $('#student_delete').prop( "disabled", false);
    }
}

Answer 2

试试这个：

if($('#student_id').val()=="")

正确拼写lenght：

if($('#student_id').val().length==0)

加载页面时检查输入文本值

2 个答案: