如何防止如果单选按钮没有点击提交表单

Question

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 %> 

Answer 1

只要把的required的HTML 5标签上的单选按钮之一。把它放在一个，使得在提交之前至少需要一个集合。没有必要让你的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 %>