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

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 演示

基于元素设计的代码。

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