如果未單擊單選按鈕，如何防止提交表單

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