jQuery HtmlBox限制字數/字符輸入

Question

我在Joomla網站上有Remiya的HtmlBox 4.0.3，想知道如何（如果可能）我可以限制輸入到textarea的字符/字數的HtmlBox。

我已經設法限制在一個普通的html textarea的字符/單詞，但HtmlBox完全寫在jQuery中，我甚至不知道從哪裏開始。

任何幫助非常讚賞，

克里斯

Answer 1

這裏是你可以做一個非常簡單的例子： -

$(document).ready(function() { 
    var maxLength = 150; // max number of allowed characters 
    $('#yourHtmlBoxId').keyup(function() { 
    $(this).val($(this).val().substr(0, maxLength)); 
    $('#charCount').text(maxLength - $(this).val().length); 
    }); 
    $('#yourHtmlBoxId').trigger('keyup'); 
}); 

顯然，你需要更換#yourHtmlBoxId和#charCount有關選擇。

一些示例標記：

<textarea id="yourHtmlBoxId"></textarea> 
<p><span id="charCount"></span> remaining</p> 

Here's a fiddle for you to play with

只要記住，這絕不是防彈，它工作在keyup事件，因此，例如，如果有人複製/粘貼到textarea通過鼠標按鈕，jQuery永遠不會被觸發。這應該指出你在正確的方向。