Javascript 取消选中单选按钮时，电子邮件字段消失_Javascript_Html

Javascript 取消选中单选按钮时，电子邮件字段消失

javascript html

Javascript 取消选中单选按钮时，电子邮件字段消失,javascript,html,Javascript,Html,我正在为我的表单添加验证。电子邮件和单选按钮的错误消息工作正常，但如果您不选中单选按钮并尝试提交表单，电子邮件字段将消失。有人能帮我修一下吗我认为我的CSS与此无关，因为这个问题直到我为单选按钮添加了错误消息后才出现函数validateForm（）{//创建用于验证的函数 var email=document.forms[“emailForm”][“email”].value；//调用要验证的表单 if（email==“”）{//if email留空 document.getElement

我正在为我的表单添加验证。电子邮件和单选按钮的错误消息工作正常，但如果您不选中单选按钮并尝试提交表单，电子邮件字段将消失。有人能帮我修一下吗

我认为我的CSS与此无关，因为这个问题直到我为单选按钮添加了错误消息后才出现

函数validateForm（）{//创建用于验证的函数
var email=document.forms[“emailForm”][“email”].value；//调用要验证的表单
if（email==“”）{//if email留空
document.getElementById（'emailerr'）.style.visibility=“visible”；//使错误消息可见
document.getElementById（'emailerr'）.innerHTML=“*需要有效的电子邮件地址”；//错误消息
返回false；//不提交表单
}否则{
document.getElementById（'email'）.style.visibility=“hidden”//隐藏错误消息
}
如果（document.emailForm.age.checked==false）{//+
document.getElementById（'18err'）.style.visibility=“visible”；//使错误消息可见
document.getElementById（'18err'）.innerHTML=“*请验证您已超过18岁”//错误消息
返回false；//不提交表单
}否则{
document.getElementById（'18err'）.style.visibility=“hidden”；
}
}


我想要优惠券

我想了解新工厂的最新情况

在其他工厂信息中包括我

我确认我是18岁或更大。

问题在于

validateForm（）

方法中第一个if条件的else部分。在else部分——如果email字段不为空，则将

#email

的可见性设置为隐藏，而应将

#emailerr

的可见性设置为隐藏

请尝试将getElementByID中的值从

email

更改为

emailerr

。我在下面的代码片段中做了必要的更改。希望这会有帮助

函数validateForm（）{//创建用于验证的函数
var email=document.forms[“emailForm”][“email”].value；//调用要验证的表单
if（email==“”）{//if email留空
document.getElementById（'emailerr'）.style.visibility=“visible”；//使错误消息可见
document.getElementById（'emailerr'）.innerHTML=“*需要有效的电子邮件地址”；//错误消息
返回false；//不提交表单
}否则{
document.getElementById（'emailerr'）.style.visibility=“hidden”//隐藏错误消息
}
如果（document.emailForm.age.checked==false）{//+
document.getElementById（'18err'）.style.visibility=“visible”；//使错误消息可见
document.getElementById（'18err'）.innerHTML=“*请验证您已超过18岁”//错误消息
返回false；//不提交表单
}否则{
document.getElementById（'18err'）.style.visibility=“hidden”；
}
}


我想要优惠券

我想了解新工厂的最新情况

在其他工厂信息中包括我

我确认我是18岁或更大。