Javascript 正規表現

Question

Javascriptで入力チェックをしたいです。
何も入力しなくても処理に引っかからなく、文字を入力したときに8文字以上だったらダイヤログメッセージを出したいです。
わかる方がいたら教えてください。
よろしくお願いします

Answer 1

<input type="text" id="input">
<button type="button" id="button">button</button>

document.querySelector("#button").addEventListener("click", evt => {
  const input = document.querySelector("#input").value;
  if (/.{8,}/.test(input)) {
    alert("7文字以内で入力してくださいね。");
  }
});

Comments

[cuku]

ありがとうございます

Answer 2

<script>
window.addEventListener('DOMContentLoaded', function(e){
  [].forEach.call(document.querySelectorAll('.check'),function(x){
    x.addEventListener('input',function(e){
      if(e.target.value.length>8){
        e.target.value=e.target.value.substr(0,8);
        alert('over!');
      }
    });
  });
});
</script>
<input type="text" class="check">(8まで)<br>
<input type="text" class="check">(8まで)<br>
<input type="text">(関係ない)<br>

Comments

[yambejp]

あ、正規表現必須の質問でした？

Answer 3

JavaScritなしでも、条件によっては可能です。

<input maxlength="7">