Trouble making a radio button or drop down required.

Maybe I'm not understanding what you are trying to do. Both radio buttons and drop downs have a checkbox to make them required. Isn't that enough? If not, please explain what you're trying to do with more detail.

Hey vfontjr,

Clicking on the checkbox to make them required does not seem to do anything at all. In the case of the radio buttons, there's always a button selected by default so in effect the field passes the required without doing anything.  Drop down acts the same way as far as I can tell.

Am I missing something? It is possible to use either the radio buttons or drop down and have nothing selected when the form loads?

When you add a radio button group to a form, nothing is selected as a default. You only get a default selection when you click on one of the radio buttons. If you don't click on anything, nothing will be selected.

As for drop downs, I usually keep a blank entry at the top of every drop down list.

I also use this small snippet of code to clear all radio buttons and checkboxes:

/* checkboxes and radio buttons */
$("input[type=checkbox], input[type=radio]").each( function() {
var elem_name = $(this).attr('name');
$("input[name='" + elem_name + "']").prop("checked", false);
});