输入框中的限制词

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