jquery性别验证不起作用

HTML

<form id="contact-form" action="<?php echo $_SERVER['PHP_SELF']; ?>" method=post>
    <p>Gender:</p>
    <label>
        <input type="radio" name="gender" id="gender-m" value="male">
        Male
    </label>
    <label>
        <input type="radio" name="gender" id="gender-f" value="female">
        Female
    </label>
        <button id="submit">submit</button>
</form>

---

注意：在提交函数中，不要将文档准备就绪包含在

checkgender

函数中，您必须使用下面的函数进行验证

    $("form").submit(function () {
var validationChecker =checkgender();
 if (validationChecker == 1) {
return false;
}
});


function checkgender() {
    var gender = $('#gender').val();
    if ($("#gender:checked").length == 0) {
        $("#gender-result").html('gender requirements.');
        alert("validation");
        return "1";
    }
    else
    {
                alert("success");
      return "0";
    }

  }

小提琴

$（'#gender'）.val（）

错误，您需要使用

$（'input[name=“gender”]”）

访问单选按钮（

#gender

表示选择id为=“gender”的元素）

然后添加

：checked

以获取所选值：

$（'input[name=“gender”]：checked'）。val（）

如果

未定义

，则显示消息并返回false以防止表单提交，否则，提交表单

在表单提交按钮或表单提交事件上绑定验证

    function checkgender(){
       $("#gender-result").hide();
          if (undefined == $("input[name='gender']:checked", "#contact-form").val()) {
               $("#gender-result").html('gender requirements.').show();
               return false;          
          }
          return true;
     }

    $("input[type='submit']", "#contact-form").on("click", function (e) {
      return checkgender();
    });

这是一张工作票

    function checkgender(){
       $("#gender-result").hide();
          if (undefined == $("input[name='gender']:checked", "#contact-form").val()) {
               $("#gender-result").html('gender requirements.').show();
               return false;          
          }
          return true;
     }

    $("input[type='submit']", "#contact-form").on("click", function (e) {
      return checkgender();
    });