用於字數統計和字符數統計的HTML5表單模式

Question

我在前端使用HTML5表單驗證，當用戶在輸入中超出字符數限制時向用戶提供一些反饋。

<input id="description" placeholder="description" required="required" type="text" pattern=".{3,500}"> 

這與一些CSS，讓我告訴用戶，如果他們沒有輸入3到500個字符。

我怎麼能設置模式來匹配「單詞」而不是字符的數量。最少一個單詞，最多50個單詞。

Answer 1

這個正則表達式應該可以工作，第一個子句(\w+\W+){0,49}將匹配0-49個字符（一個或多個字符），後跟一個或多個空白字符。第二部分\w+\W*將再匹配一個字和可選空白符。

<form> 
 
    <input id="description" placeholder="description" required="required" type="text" pattern="(\w+\W+){0,49}\w+\W*"> 
 
    <input type="submit" /> 
 
</form>