输入字段内不超过两个单词

Question

我有一个正常的输入字段。我想确保在输入字段中输入不超过两个单词。我并不关心这一点。我关心的是单词的数量。这可以通过jQuery验证来完成吗？如果没有，用jQuery / javascript怎么样？

       <div class="form-group">
          <label class="col-lg-4 col-sm-4 control-label" for="firstName">Quote created by : *</label>
          <div class="col-lg-8 col-sm-8">
            <input type="text" class="form-control" placeholder="" id="firstName" name="firstName" value=""/>
          </div>
        </div>

Answer 1

您可以添加验证方法。

对方法

$.validator.addMethod("wordCount",
   function(value, element, params) {
      var typedWords = value.match(/\b/g).length / 2;

      if(typedWords <= params[0]) {
         return true;
      }
   },
   jQuery.format("Only {0} words allowed.")
);

验证

$("#contactform").validate({
   rules: {
      firstName: {
         required: true,
         wordCount: ['2']
      }
   },
});

jsFiddle Demo

基于element design的代码。

通过搜索jquery validate maximum words在Google上找到。