输入框中的限制词

Question

I have an input box named "title".

I want the user to only enter 35 words not more than that.

<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

Use the JavaScript split method:

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;
}

Hopefully this helps and you can adapt this code to your validation.

JSFiddle

---

One-line solution to return the number of words in the input:

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

JSFiddle