如何在未单击单选按钮时防止表单提交
How to prevent a form submission if radio button is not clicked
var $form = $('#style');
var $radio = $('.changeprice');
$form.submit( function(e) {
if(!$radio.is(':checked')) {
alert('Please confirm!');
e.preventDefault();
}
});
这是我在文档就绪函数中的 JS 代码。
这是与 HTML 表单相关的代码
<%= simple_form_for @order, url: wizard_path, :method => :put, id: 'style' do |f| %>
<input type="radio" id="1" class="changeprice" />
<input type="radio" id="2" class="changeprice" />
<%end %>
只需将 HTML 5 标签 required
放在其中一个单选按钮上即可。 把它放在一个上,以便在提交之前至少需要集合中的一个。 您的 JS 无需在没有选择的情况下停止提交表单。
<%= simple_form_for @order, url: wizard_path, :method => :put, id: 'style' do |f| %>
<input type="radio" id="1" class="changeprice" required />
<input type="radio" id="2" class="changeprice" />
<%end %>
相关文章:
- 使用按钮和单选按钮提交表单,但始终使用相同的值
- 在另一个可观察量完成后触发第二个表单提交单击
- 高级表单提交-单选、复选框和重定向
- 通过单选按钮检查提交表单
- 在你用javascript提交表单之前,检查是否填写了每个单选按钮
- 使用jQuery切换根据选中的复选框隐藏/显示表单提交按钮 - 如何设置默认关闭的提交按钮
- 单选按钮值在表单提交时作为“开”发送
- 如何在未单击单选按钮时防止表单提交
- 通过单击按钮或表单提交禁用注册按钮,这两种方式都会阻止表单提交
- 即使未单击单选按钮,仍会提交表单
- 表单提交不会更新绑定到单选按钮的模型
- Javascript:尝试在新窗口中打开表单提交按钮,链接由单选按钮确定
- 如何根据单选按钮的选择启用/禁用表单上的多个提交按钮
- 如何在javascript中生成从图像单选按钮到提交按钮的表单链接
- 当我在不同的文本输入上按enter键时,如何使表单提交不同的按钮
- 根据单选按钮到'的选定选项重定向到页面;onclick',没有'提交'php中的表单
- Img在HTML表单提交时充当按钮't
- 关于javascript调用表单提交和恢复按钮
- 从表单提交批准/拒绝按钮中选择下拉菜单值
- .net表单提交复选框标签在Internet Explorer中不工作