我正在尝试通过 JavaScript 验证 HTML 文档中的名字和姓氏字段。验证必须提示用户是否插入了有效的姓名/姓氏，这意味着输入框中不应出现数字或奇怪的字符。
我一直在寻找 stackoverflow 和其他类似网站的解决方案，但不幸的是我没有找到我正在寻找的确切解决方案，所以我希望这个网站周围的人可以提供帮助。
这是我的 HTML 代码：
<form name="contact" method="post" action="contact.php">
<table width="200" border="0" align="center">
<tr>
<td><p class="pagetext">Name:</p></td>
<td><input type="text" name="fname" id="fname" size="30"/></td>
</tr>
<tr>
<td><p class="pagetext">Surname:</p></td>
<td><input type="text" name="sname" id="sname" size="30"/></td>
</tr>
<tr>
<td><p class="pagetext">Email:</p></td>
<td><input type="text" name="email" id="email" size="30"/></td>
</tr>
<tr>
<td><input class="btns" type="submit" onclick="validationMain();validationContact();validationErrors();" value="Submit"/></td>
<td><input class="btns" type="submit" onclick="validationReset()" value="Reset"/></td>
</tr>
</table>
</form>
这是 JavaScript 代码（省略了不相关的部分，以免混淆问题）：
var errors = "";
var textOnly = /^[A-Za-z]+$/;
function validationMain(){
var firstname = document.getElementById('fname');
var surname = document.getElementById('sname');
var email = document.getElementById('email');
//emailRegEx expression from www.regular-expressions.info/email.html
var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
if (firstname.value == "") {
errors += "First Name Cannot Be Left Empty\r\n";
} else {
if (firstname.value != textOnly.value){
errors += "First Name is Invalid\r\n";
}
}
if (surname.value == "") {
errors += "Surname Cannot Be Left Empty\r\n";
} else {
if (surname.value != textOnly.value){
errors += "Surname is Invalid\r\n";
}
}
if (email.value != ""){
if (email.value.search(emailRegEx) == -1){
errors += "Invalid Email Entered\r\n";
}
} else {
errors += "Email Cannot Be Left Empty\r\n";
}
}
主要问题是我在文本字段中输入的任何名称或姓氏（即使它们是没有数字和特殊字符的正确名称）它会提示它们无效（不应该是这种情况）所以我猜那里我的 if 条件有问题。
提前感谢您的时间、帮助和提供的任何相关信息:)
我希望我提供了足够的信息，如果没有，请告诉我！