javascript - 限制输入框中的字数

Question

我有一个名为“title”的输入框。

我希望用户只能输入 35 个单词，不能超过这个数字。

<input name="title" id="title" class="event-name gui-input" placeholder="Title" type="text">

<script type="text/javascript">
    /* <![CDATA[ */
    jQuery(function(){
        jQuery("#title").validate({
            expression: "if (VAL) return true; else return false;",
            message: "Please enter Title"
        });
    });
</script>

Answer 1

使用 JavaScript split 方法:

var content = $("input#title").val() //content is now the value of the text box
var words = content.trim().split(/\s+/); //words is an array of words, split by space
var num_words = words.length; //num_words is the number of words in the array

if(num_words>35){
    //too many words
    return false;
}

希望这对您有所帮助，并且您可以调整此代码以适应您的验证。

<强> JSFiddle

<小时/>

返回输入中单词数的单行解决方案:

var num_words = $("input#title").val().trim().split(/\s+/).length;

<强> JSFiddle