如何驗證文本框中的最小字符數？

Question

我正在嘗試驗證信用卡安全號，我已將最大長度設置為3，但是我需要確保用戶至少輸入3，並且我找不到任何最小長度的方法。

安全性： <input type="text" name="secno" maxlength="3">

var n=document.forms["myForm"]["secno"].value;
if (n==null || n=="" || isNaN(n)) {
  alert("Security number needed");
  return false;
}

Answer 1

這樣可以：

<input type="text" name="secno" onblur="if(this.value.length < 3 )alert('At least three chars.');" maxlength="3">

Answer 2

Security: <input type="text" name="secno" pattern=".{3,3}" />

將與minlength = 3和maxlength = 3相同，但是請記住，有些卡片具有四個字符，所以我建議

Security: <input type="text" name="secno" pattern=".{3,4}" />

這是在使用pattern屬性，它使您可以使用正則表達式來驗證測試