当用户在javascript中留下文本框时如何调用函数

我不确定标题是否清楚，但我正在进行表单验证，我希望在用户从文本框中取消焦点时调用一个函数。当用户在文本框中时，将显示说明，但一旦用户转到下一个文本框，我希望调用一个函数，以便检查用户是否将数据输入到规范中，或者根本不输入数据（因此，对于名字输入框，我希望它验证用户是否只输入字母，并且一旦用户离开文本框并转到姓氏文本框，就会实时调用该函数）

函数验证（）{
var alpha=/^[A-Za-z]+$/；
var firstName=document.getElementsByName（“firstName”）；
if（firstName==alpha）{
警报（“是”）
}否则{
警告（“否”）
}
}

#提示{
颜色：#fff；
字体大小：400；
左边距：30px；
可见的：隐藏的；
}
#提示2{
颜色：#fff；
字体大小：400；
左边距：30px；
可见的：隐藏的；
}
.输入：焦点+#提示{
颜色：#000；
可见的：可见的；
}
.输入：焦点+#提示2{
颜色：#000；
可见的：可见的；
}

调查-林志志
个人的
名字：

请输入您的名字


姓氏：

请输入姓氏

您可以直接触发“onchange”事件。 只是需要做-

<input type="text" name="firstname" class="input" onchange="validate()">

函数验证（）{
警报（“函数验证调用”）
}

---

您可以使用jQuery

$('input[name ="firstname"]')).focusout(function(){
   var alpha = /^[A-Za-z]+$/;
  var firstName = document.getElementsByName("firstname");
  if (firstName == alpha) {
    alert("Yes")
  } else {
    alert("No")
  }
});

您可以将“blur”或“focusout”事件侦听器添加到输入元素

函数验证（）{
var alpha=/^[A-Za-z]+$/；
var firstName=document.getElementsByName（“firstName”）[0]；//获取第一个元素
if（字母测试（名字））{
警报（“是”）
}否则{
警告（“否”）
}
}
document.getElementsByName（“firstname”）[0]。addEventListener（'blur'，validate）；

---

还要注意，当您使用“getElementsByName”时要选择输入元素，您将获得一个元素数组，因此，在本例中，您必须获得数组的第一个元素。

hmm即使在添加事件之后，它似乎也不起作用。当我将键入内容放入文本框并切换到lastname textbox@Chirag时，我的测试警报不会显示出来