javascript - 如何在 JavaScript 表单验证中使用条件逻辑？

Question

我有以下 JavaScript 函数，它由 onclickevent 触发并且工作正常。

<script>
  function validateForm() {
    let xgame_name = document.forms['myForm']['game_name'].value;
    if (xgame_name == '') {
      alert('Game Name must be filled out');
      return false;
    }
    let xdev_name = document.forms['myForm']['developer_name'].value;
    if (xdev_name == '') {
      alert('Developer Name must be filled out');
      return false;
    }
    let xdev_email = document.forms['myForm']['email'].value;
    if (xdev_email == '') {
      alert('Developer Email must be filled out');
      return false;
    }
    let xdemo_rom = document.forms['myForm']['demo_rom'].value;
    if (xdemo_rom == '') {
      alert('Demo Rom must be uploaded');
      return false;
    }

    let xpromo_image = document.forms['myForm']['promo_image'].value;
    if (xpromo_image == '') {
      alert('Promo must be uploaded');
      return false;
    }
  }
</script>

我正在尝试添加它，因此如果在表单上选择了一个值为 1 的单选按钮，它将检查一个附加字段以查看是否有值并显示警报。

let xcartridge = document.forms['myForm']['cartridge'].value;
if (xcartridge == '1') {
  let xcover_art = document.forms['myForm']['cover_art'].value;
  if (xcover_art == '') {
    alert('If Cartridge is selected you must proved Cover Art');
    return false;
  }
}

这遵循与上述代码示例相同的语法，但它不会发送警报，而是表单验证根本不起作用。如何获得警报以显示何时满足一个字段条件，它是 1 并且提示有关其他字段的警报？

标签： javascriptformsif-statementvariablesconditional-statements