即使未单击单选按钮，仍会提交表单

Form is still submitted even when radio button is not clicked

本文关键字：提交 表单 单选按钮 单击      更新时间：2023-09-26

功能：

用户需要在表单中提交，然后才能继续使用该功能。该表格包括

名字：

电子邮件：

购买： [ ]是 [ ] 否

[提交]

问题：

我已经创建了上面的表单，启用了电子邮件验证功能，并且还将单选按钮也启用为必填字段。但是，这是此时的功能：

1.( 当用户不输入任何字段时，将显示弹出文本：*请输入所有字段

2.( 当用户只输入姓名而不输入电子邮件时，将显示弹出文本：* 请输入有效的电子邮件地址

3.( 在电子邮件字段中，当用户没有输入正确的电子邮件时，将显示弹出文本： * 请输入有效的电子邮件地址

但是，此时，在用户输入姓名和电子邮件后，当正确的行为为以下情况时，页面将导航到下一页： *将显示弹出文本：请输入所有字段，以便用户在单选按钮中选择选项。

我没有将提交按钮设置为标签，这是个人偏好，因为我已将函数调用Submit()设置为按钮，因此，当我尝试验证所有字段时，我试图找出出了什么问题。

因此，当我尝试验证提交函数调用方法中的所有字段时出了什么问题？

请帮忙。

法典：

Intead of

$.trim($("#Options").val()) == ""

试试这个

$('#Options:checked').length == 0

或

!$('#Options:checked').length

您的条件应如下所示

if( $.trim($("#NameField").val()) == "" || $.trim($("#EmailField").val()) == "" || !$('#Options:checked').length ) {
    console.log("email wrong");
    $("#email_wrong").html("* Please fill in all fields.");
    $("#email_wrong").fadeIn();
}
相关文章：