Javascript block 表单提交

Question

如果用户按取消确认选择医生，我将如何阻止表单提交。

        <form method="post" action="registration.php" autocomplete="off" onsubmit="return validateMyForm();">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
        <select name="role" id="role">
            <option value="Patient">Patient</option>
            <option value="Doctor">Doctor</option>
            <option value="Nurse" >Nurse</option>
        </select>
        <input type="submit">
    </form>
    <script>
        $("#role").change(function(){
         var val = $(this).val();

          switch (val){
            case "Doctor":
              var d = confirm("Are you a doctor?");
          }
        }); 
    </script>

Answer 1

要禁用表单提交，您可以在表单的 onsubmit 属性上使用 return false。

由于您已经调用了 validateMyForm() 函数，因此您只需确保该函数返回 false:

function validateMyForm() {
    ....
    // do some checks...
    return false;
}

如果您要阻止根据确认的答案提交表单，则应将答案保存在某个变量中以供稍后使用:

<script>
    var d;
    $("#role").change(function(){
     var val = $(this).val();

      switch (val){
        case "Doctor":
          d = confirm("Are you a doctor?");
      }
    }); 
</script>

在函数内部:

function validateMyForm() {
    if (!d) {
        return false;
    }
}