輸入字段內不超過兩個字

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

您可以添加驗證方法。

基於來自element design代碼Ading方法

$.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

。

找到在谷歌搜索jquery validate maximum words。