如何在文本框中键入文本时显示和隐藏按钮?

时间:2016-07-15 04:47:57

标签: javascript jquery button

我在页面中有一个文本框和编辑按钮。如果文本框为空,则编辑按钮应消失,如果有文本,则应显示该按钮。

1 个答案:

答案 0 :(得分:0)

使用length获取文本的长度,使用trim删除文本开头或结尾的任何空格:

$('#customerInfoSearch_customerId').on('keypress',function(){
    var text = $(this).val();
    if (text.trim().length == 0) {
      $("#EDIT-button").hide();
    } else {
      $("#EDIT-button").show();
    }
});