javascript - 输入字段内不超过两个字

Question

我有一个普通的输入框。我想确保不能在输入字段中输入超过两个单词。我不关心字符的编号。我关心的是字数。这可以用 jQuery Validation 来完成吗？如果没有，使用 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 上找到。