是否可以配置必填字段以忽略空格？

Question

HTML5中的必需属性非常方便:

<input type="text" required>

但它仍然允许用户只输入空白区域.是否只有HTML解决方案？

Answer 1

使用与pattern属性组合的required属性.并且一定要包含一个title属性,因为大多数浏览器都会将标题文本插入到验证弹出框中.

<input required pattern=".*\S+.*" title="This field is required">

该.*\S+.*模式至少需要一个非空白字符,但也允许在开头或结尾使用whitepsace字符(空格,制表符,回车符等).如果您不希望用户能够在开头/结尾放置空格,那么请改用:

<input required pattern="\S+" title="This field is required">

Answer 2

尝试该pattern属性.你需要一个指定'至少一个字符'的正则表达式.