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

Question

<input type="text" required>

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

当我输入空格时，控制台会显示true。这非常混乱......

Answer 1

你可以使用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>

Answer 2

Attibute required只检查输入中是否有任何字符（也是空格）。

如果您想查看空格，可以使用pattern。

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