47

HTML5のrequired属性は非常に便利です。

<input type="text" required>

ただし、ユーザーは空白のみを入力できます。これに対する HTML のみの解決策はありますか?

4

4 に答える 4

14

pattern属性を試してください。'at least one character' を指定する正規表現が必要です。

于 2012-12-08T17:28:08.130 に答える
0

ステップ1

Javascript 関数を作成します。

function ignoreSpaces(event) {
  var character = event ? event.which : window.event.keyCode;
    if (character == 32) return false;
}

ステップ2

HTML の任意のテキスト入力フィールドで使用します。

<input type="text" id="userInput" onkeypress="return ignoreSpaces(event)">

作業例:

index.html

<html> 
<body>
  <input type="text" onkeypress="return ignoreSpaces(event)">
  
  <script>
    function ignoreSpaces(event) {
        var character = event ? event.which : window.event.keyCode;
        if (character == 32) return false;
    }
  </script>

</body>
</html>

于 2020-07-18T03:11:46.490 に答える