html - 如何添加模式以仅在 html 模式中验证空格？

Question

我想验证客户端是否将任何值添加到输入中，但不能只添加空格。客户可以在单词之间输入数字、字母或字符以及空格。

<input class="form-control" 
       name="description" 
       placeholder="Add your description" 
       ng-model="$ctrl.description" 
       pattern="^[\\S]([\\wéáíóúñÑ,.:-¿?!() ])+$" 
       required>

我可以在模式中放入什么来验证 html 代码？

Answer 1

对于基本的 html5 验证，请使用以下代码段。请注意，标题将作为错误描述显示给最终用户。

<input class="form-control" 
       name="description" 
       placeholder="Add your description" 
       ng-model="$ctrl.description" 
       pattern=".*\S+.*"
       title="Description is required"
       type="text"
       required>