なぜ入力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>