簡體   English   中英

多重功能不適用於onsubmit

[英]multiple function not working for onsubmit

我的表單正在驗證兩個Java函數腳本,如果兩個都正確,它將繼續表單提交。 但是,當我提交時,它僅驗證第一個函數validateFormROLLNO()而不驗證第二個函數。 同樣,當第一個函數失敗時,它將仍然提交表單。 我只想在兩個函數都通過時才提交表單。

第一個功能將檢查滾動編號是否為12個字符。 第二個函數檢查名稱是否不為null。

   <body>
   <center>
 <script type="text/javascript">


function validateFormROLLNO() {
    var x = document.forms["myForm"]["id"].value;
            if (x !=12) {
        alert("ROLLNO must be 12 characters long!!!!");
                        return false;
    }
document.forms["myForm"]["submit"].disabled = true;
document.forms["myForm"]["submit"].value="Wait..";
}


 function validateFormNAME() {
    var p = document.forms["myForm"]["student"].value;
            if (p =='') {
        alert("Name cannot be NULL!!!!");
                        return false;
    }
document.forms["myForm"]["submit"].disabled = true;
document.forms["myForm"]["submit"].value="Wait..";

}

function validate(){
return validateFormROLLNO() && validateFormNAME();
}

</script>

     <br> <FORM name="myForm"  ACTION="insert.jsp"   onsubmit="return validate()"  METHOD="POST">
        Please enter the Rollno and Name you want to INSERT:
        <BR> <br>
        <b>ISIN :<INPUT  TYPE="TEXT" NAME="id"></b>
        <BR><BR>
        <b>   SOURCE :<INPUT TYPE="TEXT" NAME="student"></b>
        <br><BR>

 <INPUT TYPE="SUBMIT" value="Submit">
    </FORM>
     </center>
</body>
</html>

頁面上可能存在一些javascript錯誤,這些錯誤不允許第二個函數執行。 請使用瀏覽器的inspect元素進行瀏覽。

document.forms [“ myForm”] [“ id”]。value您正在檢查文本框的值。 請document.forms [“ myForm”] [“ id”]。value.length進行驗證。

這是完整的方法。

function validateFormROLLNO() {
     var x = document.forms["myForm"]["id"].value;
        if (x.length <12) {
    alert("ROLLNO must be 12 characters long!!!!");
                    return false;
  }
  else
   return true;
 document.forms["myForm"]["submit"].disabled = true;
   document.forms["myForm"]["submit"].value="Wait..";
  }

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM