表單提交上的jQuery textarea字數

Question

當我點擊表單提交按鈕時，我一直在尋找一個計算textarea中單詞數量的函數。

我試圖向用戶顯示一條消息，如果他們點擊提交並且只輸入了50個或更少的單詞。 這將是一條確認消息，主要是說“你輸的不到50個字，你確定要繼續嗎？”......或者別的什么。

干杯

Answer 1

您應該使用空格作為拆分器的split方法，然后獲取數組的長度。

var wordCount = $('textarea').val().split(' ').length

Answer 2

另一種方法，你可以使用正則表達式並使用\\b計算'單詞'：

var words = $('#textareaid').val().match(/\b(\w+)\b)/g).length;

Ninja-Edit哎呀，應該是.val not .text

Answer 3

HTML：

<form id="confirmForm">
    <textarea id="moreThan50"></textarea>
    <button type="submit">Submit</button>
</form>​

JS：

$('#confirmForm').submit(function(ev){
    var wordCount = $('#moreThan50').val().split(/\s/g).length;

    if (wordCount < 50) {
        if (!confirm('Less than 50 words, are you sure you want to submit?')) {
            ev.preventDefault();
        }
    }
});​

見演示

Answer 4

您可以使用正則表達式拆分字邊界。

$('form').submit(function(){
   var words = $('textarea', this).val().split(/\b\W/);
   if (words.length < 50){
     // propmpt here.. and allow or cancel the submit..
   }
});