如何提醒呼叫不要重複點擊按鈕？

Question

我的jsfiddle在這裏 - http://jsfiddle.net/rDe9V/3/

相關的jQuery

$(function() { 
    $('form input[type="text"]').live('keyup', function() { 
     var val = $.trim(this.value); 
     $('form .create-playlist-button').prop('disabled', val.length == 0) 
    }); 
    $('form .create-playlist-button').click(function(e) { 
     var title = $(e.target).closest('.video-detail').find('.title').text(); 
     alert(title); 
    }); 
}); 

要求

一）當我點擊 「新建」 我應該能選擇喜歡的標題相應表單值。 ，意見等

b。）現在，它在每個按鍵上都保持警戒狀態

我是jQuery的新手，不太瞭解

Answer 1

看看my update。

我用.on()代替.live（）和。點擊（）作爲這個工程的頁面中所有未來的元素（如live但更好）。此外，我將處理函數添加到表單的submit事件中，因爲這是當您單擊「新建」按鈕時觸發的事件（現在這適用於您的正文中的所有表單，因此您可能希望縮小該選擇器的範圍向下一點）。

在該處理程序中，您可以獲得所需的一切，然後使用.post()函數將其提交給服務器。我認爲這是你想要的。

查找下面的相關部分的代碼。

---

$(document).ready(function() { 
    // activate "New" buttons if input is not empty 
    $('form input[type="text"]').live('keyup', function() { 
     var val = $.trim(this.value); 
     $(this).next("button").prop('disabled', val.length === 0); 
    }); 

    $("body").on("submit","form",function(e){ 
     // do not submit the form 
     e.preventDefault(); 

     // handle everything yourself 
     var $form = $(this); 
     var title = $form.closest('.video-detail').find('.title').text(); 
     var entryTitle = $form.find('.input-small').val(); 
     console.debug(title); 
     console.debug(entryTitle); 
     // send the data to the server using .ajax() or .post() 
    }); 
});