为什么输入checkValidity中的空格是真的？

Question

<input type="text" required>

$('input').blur(function () {
    console.log($('input')[0].checkValidity());
});

当我输入一个空格时，控制台会给出一个true。这很让人困惑..。

Answer 1

Attibute required仅检查输入中是否有任何字符(也包括空格)。

如果你想检查空格，你可以使用pattern。

<input type="text" pattern="\S+" required>

Answer 2

您可以使用html5模式

我给你举个例子，但你可以把你想要的

​

$('input').blur(function () {
    console.log($('input')[0].checkValidity());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<!-- this pattern don't allow to put a space in th input-->
<input type="text" pattern="^((?!\s).)*$" required>

​