радиокнопки показывают значение даже ни одна из кнопок не проверяется, как проверить это?

Question

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

<label class="radio"> 
    <input type="radio" name="gender" id="optionsRadios1" value="female">Female 
</label> 
<label class="radio"> 
    <input type="radio" name="gender" id="optionsRadios2" value="male">Male 
</label> 

Я отправляю данные через jquery ajax. Странно то, что пост аль входов показывает

[пол] => мужчину, если вы отправите форму ни с одной из 2-х вариантов проверили

Итак, как я могу проверить это, если он никогда сообщения пусты?

* Я хочу, чтобы вернуть ошибку, если не выбран ни один вариант, так что заставляет пользователя выбрать правильный пол ..

Answer 1

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

<input type="radio" name="gender" id="optionsRadios1" value="female" checked> Female 

Edit:
Напишите свою собственную функцию представить, и привязать его к OnClick вашей кнопки отправки (в)

function submit() { 
    if (!$("#optionsRadios1").prop("checked") && !$("#optionsRadios2").prop("checked")) { 
    alert("please select a gender"); 
    } 
    else { 
    //Whatever you do to submit 
    } 
} 

Answer 2

Следующий код будет проверять вашу форму на стороне клиента Эта валидация будет разрешать только отправку формы, если выбран один из этих полей. Если ни один из переключателей не отправлен, он отобразит предупреждающее сообщение и остановит форму для перенаправления на action.php.

<form name='whatever' onsubmit='return validate();' method='POST' action='action.php'> 
    <label class="radio"> 
    <input type="radio" name="gender" id="optionsRadios1" onchange='validate()' value="female"> Female 
    </label> 
    <label class="radio"> 
    <input type="radio" name="gender" id="optionsRadios2" onchange='validate()' value="male"> Male 
    </label> 
    <input type='submit' value='submit'> 
</form> 

<script type='text/javascript'> 
    function validate(){ 
    var feObj=document.getElementById("optionsRadios1"); 
    var maleObj=document.getElementById("optionsRadios2"); 
    if (feObj.checked){ 
     return true; 
    } 
    if (maleObj.checked){ 
     return true; 
    } 
    alert ("Please select a gender"); 
    return false; 
    } 
</script>