javascript - 用于检查输入是否为空的 Jquery 脚本。空格键问题

Question

我有一个脚本，它验证输入是否不为空。它可以工作，但是如果您单击空格按钮，则会出现问题。它启用一个按钮，并允许发送一个空输入。伙计们，我想知道是否可以升级我的脚本并解决此问题？

剧本：

 $(document).ready(function(){

 $('.post_button').attr('disabled',true);

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

Answer 1

trim()如果您不想只发送空格，请使用修剪值然后检查长度。

 $(document).ready(function () {

     $('.post_button').attr('disabled', true);

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

使用$.trim($(this).val())as$(this).val().trim()在 IE8 中不起作用。

Answer 2

这应该工作

(function($) {
    $('.post_button').attr('disabled', true);

    $('.message').keyup(function (e) {
        if (e.keyCode != 32 && e.$(this).val().length != 0) {
            $('.post_button').attr('disabled', false);
        } else {
            $('.post_button').attr('disabled', true);
        }
    })
})(jQuery);

这里检查按下的键的 ASCII 码，如果是 32（空格），则 post 按钮保持禁用状态。