examp1
@examp1

Как сделать валидацию радио кнопок?

Использую для валидации формы jquery.validate все работает но радио кнопки не валидируються
вот форма
<form class="support-r__form" id="support-form" method="GET" action="#">
              <div class="support-r__form__head">
                <h3 class="form-title">Выберете комплекс:</h3>
                <img src="img/header-logo2.svg" class="support-r__form__head__logo"></img>
                <div class="container">
                  <div class="row">
                    <div class="col-12 col-md-3">
                      <input type="radio" name="form_head" value="1" id="check1">
                      <label for="check1" href="#" class="support-r__form__head__item">Маркшейдерия</label>
                    </div>
                    <div class="col-12 col-md-3">
                      <input type="radio" name="form_head" value="2" id="check2">
                      <label for="check2" href="#" class="support-r__form__head__item">Геология</label>
                    </div>
                    <div class="col-12 col-md-3">
                      <input type="radio" name="form_head" value="3" id="check3">
                      <label for="check3" href="#" class="support-r__form__head__item">Проектирование</label>
                    </div>
                    <div class="col-12 col-md-3">
                      <input type="radio" name="form_head" value="4" id="check4">
                      <label for="check4" href="#" class="support-r__form__head__item">Оптимальные контуры</label>
                    </div>
                    <div class="col-12 col-md-3">
                      <input type="radio" name="form_head" value="5" id="check5">
                      <label for="check5" href="#" class="support-r__form__head__item">Планирование</label>
                    </div>
                    <div class="col-12 col-md-3">
                      <input type="radio" name="form_head" value="6" id="check6">
                      <label for="check6" href="#" class="support-r__form__head__item">Буровзрывные работы</label>
                    </div>
                    <div class="col-12 col-md-3">
                      <input type="radio" name="form_head" value="7" id="check7">
                      <label for="check7" href="#" class="support-r__form__head__item">Гранулометрический состав</label>
                    </div>
                    <div class="col-12 col-md-3">
                      <input type="radio" name="form_head" value="8" id="check8">
                      <label for="check8" href="#" class="support-r__form__head__item">Контроль горных работ </label>
                    </div>
                    <div class="col-12 col-md-3">
                      <input type="radio" name="form_head" value="9" id="check9">
                      <label for="check9" href="#" class="support-r__form__head__item">Диспетчеризация</label>
                    </div>
                    <div class="col-12 col-md-3">
                      <input type="radio" name="form_head" value="10" id="check10">
                      <label for="check10" href="#" class="support-r__form__head__item">Устойчивость бортов</label>
                    </div>
                    <div class="col-12 col-md-3">
                      <input type="radio" name="form_head" value="11" id="check11">
                      <label for="check11" href="#" class="support-r__form__head__item">Проектирование шахт</label>
                    </div>
                    <div class="col-12 col-md-3">
                      <input type="radio" name="form_head" value="12" id="check12">
                      <label for="check12" href="#" class="support-r__form__head__item">Вентиляция</label>
                    </div>
                    <div class="col-12 col-md-3">
                      <input type="radio" name="form_head" value="13" id="check13">
                      <label for="check13" href="#" class="support-r__form__head__item">Диспетчеризация шахт</label>
                    </div>
                    <div class="col-12 col-md-3">
                      <input type="radio" name="form_head" value="14" id="check14">
                      <label for="check14" href="#" class="support-r__form__head__item">Инфраструктура</label>
                    </div>
                    <div class="col-12 col-md-3">
                      <input type="radio" name="form_head" value="15" id="check15">
                      <label for="check15" href="#" class="support-r__form__head__item">Руководитель</label>
                    </div>
                  </div>
                </div>
              </div>
              <div class="support-r__form__body">
                <div class="support-r__form__body__sign">
                  <h3 class="form-title">Значимость проблемы:</h3>
                  <div class="problem__wrap">
                    <label for="problem1" class="problem">
                      <input type="radio" name="prob" id="problem1">
                    </label>
                    <label for="problem2" class="problem">
                      <input type="radio" name="prob" id="problem2">
                    </label>
                    <label for="problem3" class="problem">
                      <input type="radio" name="prob" id="problem3">
                    </label>
                    <label for="problem4" class="problem">
                      <input type="radio" name="prob" id="problem4">
                    </label>
                    <label for="problem5" class="problem">
                      <input type="radio" name="prob" id="problem5">
                    </label>
                    <label for="problem6" class="problem">
                      <input type="radio" name="prob" id="problem6">
                    </label>
                    <label for="problem7" class="problem">
                      <input type="radio" name="prob" id="problem7">
                    </label>
                    <label for="problem8" class="problem">
                      <input type="radio" name="prob" id="problem8">
                    </label>
                    <label for="problem9" class="problem">
                      <input type="radio" name="prob" id="problem9">
                    </label>
                    <label for="problem10" class="problem"><input type="radio" name="prob" id="problem10"></label>
                  </div>
                  <label class="problem_result"></label>
                </div>
                <div class="form-wrap">
                  <div class="form-inputs__wrap">
                    <label>Имя</label>
                    <input type="text" name="name" class="form-inputs">
                  </div>
                  <div class="form-inputs__wrap">
                    <label>Фамилия</label>
                    <input type="text" name="surname" class="form-inputs">
                  </div>
                  <div class="form-inputs__wrap">
                    <label>№ Лицензии</label>
                    <input type="text" name="license" class="form-inputs">
                  </div>
                  <div class="form-inputs__wrap">
                    <label>Компания</label>
                    <input type="text" name="company" class="form-inputs">
                  </div>
                  <div class="form-inputs__wrap">
                    <label>Email</label>
                    <input type="email" required name="email" class="form-inputs">
                  </div>
                  <div class="form-inputs__wrap">
                    <label>Номер телефона</label>
                    <input type="tel" name="phone" class="form-inputs">
                  </div>
                  <div class="form-inputs__wrap text-area">
                    <label for="problem-text">Опишите проблему и прикрепите скриншот экрана</label>
                    <textarea class="form-textarea" name="problem" id="problem-text" cols="30" rows="10"></textarea>
                    <div class="file-wrap">
                      <input class="form-file" id="form-file-load" type="file" style="color:transparent;" onchange="this.style.color = 'black';">
                    </div>
                    <label class="form-file-load" for="form-file-load"></label>
                  </div>
                </div>
                <div class="row">
                  <div class="col-12 col-md-4">
                    <input type="radio" name="form-body" value="odnokratno" id="bchek1">
                    <label for="bchek1" href="#" class="form-body__choose">Однократно</label>
                  </div>
                  <div class="col-12 col-md-4">
                    <input type="radio" name="form-body" value="inogda" id="bchek2">
                    <label for="bchek2" href="#" class="form-body__choose">Иногда</label>
                  </div>
                  <div class="col-12 col-md-4">
                    <input type="radio" name="form-body" value="chasto" id="bchek3">
                    <label for="bchek3" href="#" class="form-body__choose ">Постоянно</label>
                  </div>
                </div>
              </div>
              <div class="support-r__form__footer">
                <input type="reset" class="btn btn-reset"></input>
                <input type="submit" class="btn btn-apply"></input>
              </div>
          </form>

такие же фрагменты с радио кнопками вставляю на чистую страничку и там валидация работает
из-за чего может быть такая проблема
  • Вопрос задан
  • 39 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы