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

时间:2016-02-12 05:01:14

标签: javascript jquery forms radio-button

功能性:

用户需要先提交表单才能继续使用该功能。表格由

组成

名称:

电子邮件:

购买:[]是[]否

[提交]

问题:

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

1。)当用户没有输入任何字段时,将显示一个弹出文本:*请输入所有字段

2.。)当用户仅输入姓名而非电子邮件时,将显示一个弹出文本:*请输入有效的电子邮件地址

3.。)在电子邮件字段中,当用户未输入正确的电子邮件时,将显示弹出文本:*请输入有效的电子邮件地址

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

我没有将提交按钮设置为标签,这是个人偏好,因为我已经为按钮设置了函数调用Submit(),因此,我试图找出当我尝试时出错的地方验证所有字段。

因此,Itry在提交函数调用方法中验证所有字段时出了什么问题?

请帮忙。

代码:

1 个答案:

答案 0 :(得分:1)

的Intead
<link rel="icon" type="image/png" href="img/tor.png">

试试这个

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

或者

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

你的条件应该是这样的

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