单选按钮无意中验证Javascript

Question

它过去但我找不到阻止它去的错误我正在添加额外的复选框但是当我意识到它被打破时我尝试了Ctrl + Z但是没有把我带回远的地方:(这部分不再有效“电子邮件类型的验证，因此应该出现的消息是警报（“请选择什么类型的电子邮件”）;“

Answer 1

JsFiddle

Codepen

将此行添加到变量中：

var type = document.forms["contactform"]["contactf"];

然后执行此检查：

else if ( ( type[0].checked == false ) && ( type[1].checked == false ) && 
( type[2].checked == false ) && ( type[3].checked == false ))

此外，对于您的电子邮件验证，HTML5有type='email'表示您可以使用的输入。

请记住，仅仅因为它（经过验证的）客户端，并不意味着拥有足够知识的人可以绕过它。确保之后，您也验证了所有服务器端。

Answer 2

JS不应该用于验证，因为它比它更值得痛苦。

观察：

您的＆＃34;电子邮件验证＆＃34;只需检查＆＃34;它是否有@之前的东西，以及@＆＃34;之后至少有一个字符的点。嗯......我非常确定@@@...不是有效的电子邮件地址！

相反：<input type="email" /> - 尝试在中键入无效的电子邮件地址！

---

类似地：

<input type="radio" name="fish" value="1" required />
<input type="radio" name="fish" value="2" />
<input type="radio" name="fish" value="3" />

请注意，您只需要输入＆＃34; required＆＃34;在其中一个 - 如果你愿意，你可以做所有这些，但这是不必要的。

以这种方式使用HTML5表单，您可以删除所有验证JavaScript。当然，您必须在服务器上进行验证。否则，人们可以提交任何他们想要的东西，如果他们有点乱 - JavaScript无论如何都不会拯救你。