javascript - 通过 document.getElementbyid() 使用 javascript 进行用户名验证

Question

<form method="POST" name="myform" action="<?php $_SERVER['PHP_SELF']; ?>" onsubmit="return validate();">Firstname
    <input type="text" name="firstname" id="firstname">
    <br/>
    <br/>
</form>

我的 JavaScript 验证是

function validate() {

    var A = document.getElementById("firstname").value;
    if (A !== /^[a-zA-Z]/) {
        alert("enter letters only");
        return false;
    }

我只想输入字母，如果输入数字意味着将显示警报。任何人都可以帮助我

Answer 1

您必须正确检查正则表达式是否与字符串匹配:

function validate () {

   var A = document.getElementById("firstname").value;
   if(!(/^[a-z]+$/i.test(A)))
   {
      alert ("enter letters only");
      return false;
   }
}

此外，正则表达式需要确保至少输入一个字符(由 + 修饰符完成)，并且 a-zA-Z 规则适用于从开始 (^) 到结束 ($)