Как проверить радиокнопки и выпадающий список с помощью java-скрипта?

Question

У меня есть полевой пол в форме. если пользователь не выбирает переключатель, я должен показать сообщение «пожалуйста, выберите свой пол». также пользователь должен выбрать возрастную группу ..

Форма:

<label>Gender<br /> 
</label> 
<label>Male</label><input id="male" type="radio" name="gender" class="box" style="border:solid 3px #333333" value="male" /> 
<label>female</label><input id="female" type="radio" name="gender" value="female"><br /><br /> 
<label>Age </label> 
<select name="age"> 
<option>Select</option> 
    <option value="Below 16">Below 16/option> 
    <option value="16-20">16-20</option> 
    <option value="21-25">21-25</option> 
    <option value="26-30">26-30</option> 
    <option value="31-35">31-35</option> 
    <option value="Above 35">Above 35</option> 
</select> 
<input type="submit" value=" Register " style="border:solid 2px #333333"/> 

Java Script

<script type="text/javascript"> 
function validateForm() 
{ 
if (document.getElementById("male").checked=false && document.getElementById("female").checked=false) 
{ 
    alert("Please select Gender"); 
    return false; 
} 
} 

пользователь должен выбрать пол и возраст .. иначе он не может регистр. как это сделать?

Answer 1

Да, вам действительно нужно google перед отправкой любого вопроса. Существует много вещей, которые вам не хватает.

Проверить рабочий пример: Demo

Jquery код:

$(function(){ 
    $("#register").on('click', function(){ 
      console.log($("select[name=age] option:selected")); 
     if ($('input[name="gender"]:checked').length== 0){ 
      alert('select gender'); 
      return false; 
     } 

     if($("select[name=age] option:selected").val()==""){ 
      alert('select age'); 
      return false; 
     } 
     alert('form submit'); 
     return false; 
    }); 
}); 

Я просто добавил идентификатор в кнопку отправки:

<input type="submit" value=" Register" id="register" style="border:solid 2px #333333"/> 

Answer 2

if ((document.getElementById("lawn1").checked == false) &&  
    (document.getElementById("lawn2").checked == false))