Radio Buttons Post Show Value Even None Of The Buttons Are Checked How To Validate This?

I have a registration form wich has a gender radio option showing male or female. in the HTML none are checked because i want the user to check one. like this:

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

Edit: Write your own submit function, and bind it to your submit button's onclick()

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

Solution 2:

The following code will validate your form on the client side This validation will only allow the form to be submitted if one of the gender is selected. If none of the radio button is submitted then it will display an alert message and stop the form from redirecting to action.php.

<formname='whatever'onsubmit='return validate();'method='POST'action='action.php'><labelclass="radio"><inputtype="radio"name="gender"id="optionsRadios1"onchange='validate()'value="female"> Female
    </label><labelclass="radio"><inputtype="radio"name="gender"id="optionsRadios2"onchange='validate()'value="male"> Male
    </label><inputtype='submit'value='submit'></form><scripttype='text/javascript'>functionvalidate(){
    var feObj=document.getElementById("optionsRadios1");
    var maleObj=document.getElementById("optionsRadios2");
    if (feObj.checked){
        returntrue;
    }
    if (maleObj.checked){
        returntrue;
    }
    alert ("Please select a gender");
    returnfalse;
    }   
</script>