为什么 Javascript 验证不能以 html 形式工作？

Question

当我尝试用字符填充名称框时，它总是显示“名称只能是字符。”。

这里是 Javascript 代码：

function validate_form() {
  if (!(/^[A-Za-z]+$/).test(document.emp.new_name.value)) {
    alert("Name must be in character only.");
    return false;
  }
  if (!(/^\d{10}$/).test(document.emp.new_number.value)) {
    alert("Enter valid mobile number");
    return false;
  }
  if (!(/^[0-9.]+$/).test(document.emp.new_salary.value)) {
    alert("salary must be numeric");
    return false;
  }
  if (!(/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/).test(document.emp.new_email.value)) {
    alert("You have entered an invalid email address!")
    return (false);
  }

  alert ("success");
  return true;
}

Answer 1

因为最初它没有任何字符，请尝试添加对字符长度的检查

结帐示例

$("#submit").on("click",function(){
	var name = $("#name").val();
  if (name.length>0 && !(/^[A-Za-z]+$/).test(name)) {
      alert("Name must be in character only.");
      return false;
  }
  else{
   alert("ok");
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="name"><input type="submit" id="submit">

Answer 2

var name = document.emp.new_name.value;
if (name.value.search(/[^a-zA-Z]+/) === -1) {
    alert("Name must be in character only.");
    return false;
}

试试这个代码。希望这会奏效。