用于字数与字符数的HTML5表单模式

Question

我在前端使用HTML5表单验证，以便在用户超出输入中的字符数限制时为其提供一些反馈。

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

这有一些CSS，让我告诉用户他们是否输入了3到500个字符。

我怎样才能真正设置模式以匹配＆＃34;字数＆＃34;而不是字符.e.g。最少一个单词，最多50个单词。

Answer 1

这个正则表达式应该有效，第一个句子(\w+\W+){0,49}将匹配0-49个单词（一个或多个字符）后跟一个或多个空格。第二部分\w+\W*将匹配另一个单词以及后面的可选空格。

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;