HTML Form Onsubmit驗證不適用於JS功能

Question

如果字段不是數字，則嘗試為表單引發錯誤，但是它沒有引發任何錯誤並定向到我定義為操作的頁面。

我試圖通過一個僅發出警報的函數來引發錯誤，但是它再次沒有引發任何錯誤並打開了另一個jsp。

下面是內部標簽

<script type="text/javascript">
  function validation() {
    var a = document.getElementByid("a");
    var b = document.getElementByid("b");
    var c = document.getElementByid("c");
    var d = document.getElementByid("a").value;
    var e = document.getElementByid("b").value;
    var valid = true;
    if (a.value.length <= 0 || b.value.length <= 0) {
      alert("Lutfen alani bos birakmayiniz");
      valid = false;
    } else {
      if (isNan(d)) || isNan(e)) {
      alert("Rakam girmediniz. Rakam giriniz lütfen")
      valid = false;
    } else
      return valid;
  }
  }
</script>

以下是體內標簽

<form onsubmit="return validation();" method="get" action="response.jsp">
  </br>aaa <input type="text" id="a" value="0" />
  </br>bbb <input type="text" id="b" value="0" />
  </br>ccc <input type="text" id="c" />
  <input type="submit" value="Submit" />
</form>

我確信，即使js函數位於頭部，窗體位於主體中，它也可以正常工作。

Answer 1

您的腳本代碼中存在多個錯誤，將document.getElementByid更改為document.getElementById，將isNan更改為isNaN，並在if（isNaN（d） ）處刪除多余的括號，請使用以下代碼

  <script type ="text/javascript">
            function validation()
            {
                var a = document.getElementById("a");
                var b = document.getElementById("b");
                var c = document.getElementById("c");
                var d = document.getElementById("a").value;
                var e = document.getElementById("b").value;
                var valid =true;
                if (a.value.length<=0 || b.value.length<=0)
                {
                    alert("Lutfen alani bos birakmayiniz");
                    valid =false;
                }
                else 
                {
                    if (isNaN(d) || isNaN(e))
                    {
                        alert("Rakam girmediniz. Rakam giriniz lütfen")
                        valid =false;
                    }


                }
                    return valid;

            }
        </script>