JavaScript表单验证自定义消息和最小字段长度

我试图使用JavaScript验证一个简单表单的输入。有三个字段：

• 名称是必填文本字段，不能为空

• 电子邮件是必需的电子邮件字段，必须来自domain.com.au

• 邮政编码是必填的数字字段，长度必须为4个字符

我还希望在字段右侧显示自定义错误消息，而不是显示系统弹出窗口

目前，前两个字段已正确验证，但未显示自定义消息。除了必须至少包含一个数字外，postcode字段不进行验证

这里是JavaScript初学者，请友好一点

函数验证（）{
var emailPattern=newregexp（'\w.%+-]+@domain\.com\.au'）；
if（document.getElementById（“name”）.value.length==0）{
document.getElementById（“nameAlert”）.innerHTML=“请在此处输入名称”；
返回false；
}else if（emailPattern.test（document.getElementById（“email”）.value）=false）{
document.getElementById（“emailAlert”）.innerHTML=“您的电子邮件必须包含@domain.com.au”；
返回false；
}else if（document.getElementById（“postcode”）.value.length！=4）{
document.getElementById（“postcodeAlert”）.innerHTML=“您的邮政编码必须有四个字符长”；
返回false；
}否则返回true；
}

名称



电子邮件



邮政编码



提交查询

您有if语句和else语句。所以，如果第一个条件为真，则不会检查其他条件，因此只显示一条消息

下面是一个工作示例

函数验证（）{
var emailPattern=newregexp（'\w.%+-]+@domain\.com\.au'）；
var isOk=真；
if（document.getElementById（“name”）.value.length==0）{
document.getElementById（“nameAlert”）.innerHTML=“请在此处输入名称”；
isOk=假；
}
if（emailPattern.test（document.getElementById（“email”）.value）==false）{
document.getElementById（“emailAlert”）.innerHTML=“您的电子邮件必须包含@domain.com.au”；
isOk=假；
}
if（document.getElementById（“postcode”）.value.length！=4）{
document.getElementById（“postcodeAlert”）.innerHTML=“您的邮政编码必须有四个字符长”；
isOk=假；
}
返回isOk；
}

名称



电子邮件



邮政编码



提交查询

注意

。谢谢，我更改了它-仍然不起作用，尽管

输入没有结束标记

谢谢@Krzysztof Janiszewski，我已经删除了它们，但没有乐趣当你发现评论中描述的问题时，请编辑你的问题，以便人们能看到你现在的处境，这样下一个问题就可以很容易地确定/回答。谢谢，你帮我省去了很多挫折！