<html>
<body>
<form onsubmit="return myFunction()">
<input type="text" id="txt">
<input type="text" id="txt1">
<input type="button" value="click" id="btn">
</form>
</body>
<script>
var a = document.getElementById("txt");
var b = document.getElementById("txt1");
var save = document.getElementById("btn");
//save.addEventListener("click" , myFun);
save.onclick = function(){myFunction()};
//save.addEventListener("click" , myFunction);
function myFunction(){
if((a.value=="") || (b.value=="")){
alert("fill something");
return false;
}else{
alert("all ok");
location.href="sec.html";
return true;
}
//a.addEventListener("keyup" , myFun);
//b.addEventListener("keyup" , myFun);
}
a.addEventListener("keyup" , myKeyFun);
b.addEventListener("keyup" , myKeyFun);
function myKeyFun()
{
if(a.value!==b.value){
alert("mismatched");
return false;
}else{
return true;
}
}
</script>
</html>
我为不同的-验证创建了许多功能，所以现在我想提交表单并在所有字母均为真时重定向到另一页。但是即使条件不正确，这里也要提交表单，我只是为了理解而编写了这段代码。实际的代码很大，所以我写了这篇文章来了解在有multilpe函数时如何调用主函数来提交表单]
<form>
<input type="text" id="txt" placeholder="Text 1">
<input type="text" id="txt1" placeholder="Text 2">
<input type="button" onclick="myFunction()" value="click" id="btn">
</form>