2016-05-11 149 views
0

在我的網站,我想這兩個代碼:如果輸入字段爲空,禁用提交按鈕V2

$(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);  
    }) 
}); 

如何修改或者那些使我的按鈕沒有被禁用,當你做的唯一事情是右鍵點擊粘貼在textarea(#message)?使用這些代碼只有在您最初單擊它時才起作用。如果在textarea中沒有文本,我希望該按鈕被禁用,但是同時我希望它被啓用,如果它有文本但沒有初始左鍵單擊。 IE瀏覽器。你在頁面加載時做的唯一事情是右鍵單擊,粘貼,然後單擊按鈕(它應該可以工作)。

在此先感謝!

PS:兩個代碼來自這個話題:If input field is empty, disable submit button

+0

儘量結合到'的onChange事件而不是密碼。 –

+0

下面是代碼的其餘部分? 'textarea(#message)' –

回答

1

您可以使用.change()事件處理程序。當輸入值改變時它將被調度。所以當有人在場上粘貼時,它會被改變,所以你會得到你的動作。

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

恐怕我無法解釋你的答案,因爲我是一個帶有代碼的新手。你介意幫我嗎?這是我在這個論壇中編寫的代碼,但是爲我的頁面進行了修改: Austin

+0

在這裏,我已經提供了codepen,但改變了一下(不使用.change())http://codepen.io/anon/pen/xVBMWP請注意它不適用於IE <9 。 (''input',function(e){$''readme')。text($('。writeme')。val() ) });' *這裏是html * '

Here you'll see changes
' – Mort

0

嘗試......

$(document).ready(function(){ 

$(document).ready(function(){ 
    $('.sendButton').prop('disabled', true); 
    $('#message').on('input',function(){  

     $('.sendButton').prop('disabled', this.value === "");  
     }) 
}); 

}); 

延伸到上面的代碼,如果任何瀏覽器有粘貼問題使用輸入的propertyChange貼輸入

相關問題