Проверка JQuery - ошибка, если не выбран ни один переключатель

Question

У меня есть 2 радио кнопки для посещаемости. 'И да и нет'. Я хочу сообщение об ошибке, если ни один из них не выбран и нажата кнопка отправки.

Я пытался

if (!$("input[name=attendance1]:checked").val()) {
    alert('Nothing is checked!');
}

но ошибка отображается только когда я вхожу в систему, а не при нажатии кнопки отправки

Answer 1

Для <form> элементов, вы можете сделать это. Если вы отправляете из JavaScript, используя $.ajax, попробуйте ответ icyrock.

$("#myForm").submit(function() {
  if (!$("input[name=attendance1]:checked").val()) {
    alert('Nothing is checked!');
    return false;
  }
});

Answer 2

Вы не можете просто ожидать, что вы добавите код на страницу, и он заработает;). Присоедините функцию проверки к submit ^jQuery событию формы:

$('#formID').submit(function() {
    if (!$("input[name=attendance1]:checked").val()) {
        alert('Nothing is checked!');
        return false; // so form doesn't submit
    }
});

Answer 3

Используйте beforeSend - из документов:

• http://api.jquery.com/jQuery.ajax/

у вас есть это:

beforeSend (jqXHR,настройки) Функция

Функция обратного вызова перед запросом, которую можно использовать для изменения объекта jqXHR (в jQuery 1.4.x, XMLHTTPRequest) перед его отправкой.Используйте это для установки пользовательских заголовков и т. Д. Карты jqXHR и настройки передаются в качестве аргументов.Это Ajax Event.Возврат false в функции beforeSend отменит запрос.Начиная с jQuery 1.5, опция beforeSend будет вызываться независимо от типа запроса.

Таким образом, вы можете в основном предупреждать в beforeSend, а затем return false об отмене отправки.

Вот рабочий пример, который показывает нужную вам часть:

• http://jsfiddle.net/VvHa5/

Надеюсь, это поможет.