JavaScript中带有验证的简单表单

我想修改JavaScript代码并添加一个额外字段，例如：

用户输入其地址的第一个文本框， 用户输入电话号码的第二个文本框。 代码如下所示：

var myForm=document.form1； 功能btnCheckFormClicke{ var txtName=myForm.txtName； var txtAge=myForm.txtAge； 如果txtAge.value==|| txtName.value=={ 请填写所有表格； 如果txtName.value=={ txtName.focus； }否则{ txtAge.focus； } }否则{ Alert感谢您填写表格+txtName.value； } } 函数txtagebulre{ var目标=e.target； 如果不是目标值{ 请输入有效的年龄； 目标、重点； target.select； } } 函数txtNameChangee{ alertHi+e.target.value； } myForm.txtName.addEventListenerchange，txtNameChange； myForm.txtAge.addEventListenerblur，txtAgeBlur； myForm.btnCheckForm.addEventListenerclick，btnCheckFormClick； 请输入以下详细信息： 姓名：

年龄：

同一if不能有多个else块。您应该在单独的else if块中检查每个字段

在外部if中，所有检查必须与| |连接。你混合了&&和| |

var myForm=document.form1； 功能btnCheckFormClicke{ var txtName=myForm.txtName； var txtAge=myForm.txtAge； var txtAddress=myForm.txtAddress； var txtTelNumber=myForm.txtTelNumber； 如果txtAge.value==| | txtName.value==| | txtdAddress.value==| | txtTelNumber.value=={ 请填写所有表格； 如果txtName.value=={ txtName.focus； }如果txtAge.value=={ txtAge.focus； }如果txtAddress.value=={ txtAddress.focus； }如果txtTelNumber.value=={ txtTelNumber.focus； } }否则{ Alert感谢您填写表格+txtName.value； } } 函数txtagebulre{ var目标=e.target； 如果不是目标值{ 请输入有效的年龄； 目标、重点； target.select； } } 函数txttelnumberflue{ var目标=e.target； 如果不是目标值{ 请输入一个有效的号码； 目标、重点； target.select； } } 函数txtAddressChangee{ Alert您的地址是：+e.target.value； } 函数txtNameChangee{ alertHi+e.target.value； } myForm.txtName.addEventListenerchange，txtNameChange； myForm.txtAge.addEventListenerblur，txtAgeBlur； myForm.txtAddress.addEventListenerchange，TXAddressChange； myForm.txtTelNumber.addEventListenerchange，txtTelNumberBlur； myForm.btnCheckForm.addEventListenerclick，btnCheckFormClick； 请输入以下详细信息： 姓名：

年龄：

地址:

电话号码：

---

if不能有多个else子句。我知道这现在解决不了你的问题，但是有很多非常好的用于创建表单和验证的工作包，它们为你节省了大量的工作，而且还教会了你一些代码设计的良好实践。你可能想看看MDN文档以了解更多信息。您可能还希望查看文档，以便更好地了解它们的工作方式。