如何防止如果單選按鈕沒有點擊提交表單

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