2014-12-01 3 views
0

В HTML для кнопки радио у меня есть это:Обязательных для заполнения поля

<input type="radio" name="sex" value="male" /> Male<br /> 
<input type="radio" name="sex" value="female" /> Female <br /> 

и для контрольного списка:

<input name="checkboxvar[]" type="checkbox" value="dog" />Dog</td> 
<input name="checkboxvar[]" type="checkbox" value="cat" />Cat</td> 
<input name="checkboxvar[]" type="checkbox" value="rabbit" />Rabbit</td> 

Для радиокнопок, как я могу сделать их обязательными и для флажка взять результат, если пользователь выбирает более 1 значения?

Для предыдущих полей я использую кнопку

<input type="submit" name="submit" id="submit" value="submit" /> 
+1

Ваши вопросы не ясны. Чтобы сделать их необходимыми, вам понадобится какая-то проверка, либо на стороне клиента, использующей Javascript, либо на стороне сервера, используя PHP. – user1709251

+0

Я использую кнопку отправки в html – Roi513

+0

Да, но используете ли вы кнопку отправки или нет, то, что вы просите, это проверить правильность полей, а для этого вам нужно больше, чем HTML. Если вы хотите выполнить проверку до того, как данные будут отправлены на ваш сервер, вам нужно будет использовать Javascript для проверки значений перед отправкой. Найдите «проверку формы javascript» и посмотрите, что вы получаете. – pjmorse

ответ

0

представить Для изготовления радиокнопку требуется, используйте необходимый тег (вам нужно только добавить требуется тег для одного входа радио в каждой группе) :

<input type="radio" name="sex" value="male" required/> Male<br /> 

атрибут required представляет собой сокращенную required="required" или required="true" (тот факт, что его там составляет «Tru ваше значение, как и любая (непустая) строка).

Для того, чтобы сделать хотя бы одну из указанных флажков: Ответ уже был предоставлен here; это в основном говорится, что, учитывая <button> элемент с и идентификатор checkBtn, следующий код может помочь (с некоторыми из моих комментариев к ней):

$(document).ready(function() { 
    // grabbing the button's element and adding an 
    // onclick event to it 
    $('#checkBtn').click(function() { 
     // grabs all elements which are checkboxes and 
     // are checked; if none are checked, the length 
     // is zero; else, the length is a 'truthy' value 
     checked = $("input[type=checkbox]:checked").length; 
     // if no elements are checked 
     if(!checked) { 
     // error handling 
     alert("You much check at least one checkbox.") return false; 
     } 

    }); 
}); 

Предполагая, что вы хотите, чтобы обнаружить ошибку, на Нажмите кнопку Отправить в ; если вы хотите обработать ошибку в противном случае, вы можете уточнить, что (ваш ответ is немного туманный).

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

0

, используя необходимый атрибут следующим образом: -

<input type="radio" name="sex" value="male" required />Male