表单提交上的jQuery textarea字数

时间:2012-12-19 01:23:28

标签: javascript jquery

当我点击表单提交按钮时,我一直在寻找一个计算textarea中单词数量的函数。

我正在尝试向用户显示一条消息,即如果他们点击提交并且只输入了50个或更少的单词。这将是一条确认消息,主要是说“你输入的字数少于50个,你确定要继续吗?”......或其他什么。

干杯

4 个答案:

答案 0 :(得分:3)

您应该使用split方法,使用空格作为拆分器,然后取出数组的长度。

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

答案 1 :(得分:2)

另一种方法,您可以使用正则表达式并使用\b计算“单词”:

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

Ninja-Edit 哎呀,应该是.val而不是.text

答案 2 :(得分:2)

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

See demo

答案 3 :(得分:1)

您可以使用正则表达式在单词边界处进行分割..

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