[英]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.