javascript - 如果输入字段为空,则禁用提交按钮 v2

标签 javascript jquery forms button

在我的网站中,我尝试了这两个代码:

$(document).ready(function(){
    $('.sendButton').attr('disabled', true);
    $('#message').keyup(function() {
        if ($(this).val().length != 0)
            $('.sendButton').attr('disabled', false);            
        else
            $('.sendButton').attr('disabled',true);
    })
});

然后我尝试了这个:

$(document).ready(function(){
    $('.sendButton').prop('disabled', true);
    $('#message').keyup(function(){
        $('.sendButton').prop('disabled', this.value == "" ? true : false);     
    })
});  

当您唯一要做的就是在文本区域中右键单击粘贴 (#message) 时,如何编辑其中任何一个,以便我的按钮不会被禁用?对于这些代码,只有在您最初单击它时才有效。我希望如果文本区域中没有文本,则禁用该按钮,但同时我希望如果有文本但没有初始左键单击,则启用该按钮。 IE。页面加载时您要做的唯一一件事就是右键单击,粘贴,然后单击按钮(它应该可以工作)。

提前致谢!

PS:两个代码都来自这个主题:If input field is empty, disable submit button

最佳答案

您可以使用 .change() 事件处理程序。当输入值改变时将被调度。因此,当有人将其粘贴到字段上时,它就会发生变化,以便您可以采取行动。

$( ".target" ).change(function() {
   alert( "Handler for .change() called." );
});

关于javascript - 如果输入字段为空,则禁用提交按钮 v2,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37166751/

相关文章:

javascript - 如何使用 javascript 检查链接是否指向某个站点

javascript - jQuery 工具 : Can you nest non-ajax tabs inside of ajaxed tabs?

forms - jquery mobile和 knockout 单提交绑定(bind)

java - 如何通过单击按钮添加新的输入字段 Spring/Java/Thymeleaf

jquery - mouseenter 中断导致循环点击

php - 动态表单到数据库

javascript - 在 Javascript 中查找成对的正方形

javascript - 如何使复选框选中的div文本的json字符串

javascript - 在 .hbs ember 模板文件的占位符中添加图像

传播时的 JavaScript 事件通信?