當創建了多個函數時，如何提交一個 fom，在 onclick 和 onsubmit 等 evnet 上調用哪個函數？

Question

<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>

我已經為不同的 - 不同的驗證創建了許多函數，所以現在我想提交表單並在所有cinditons都為真時重定向到另一個頁面。 但是即使條件不正確，這里的表單也會被提交，我寫了這段代碼只是為了理解。 實際代碼相當大，所以我寫了這個來理解當有 multilpe 函數時我將如何調用 main 函數來提交表單

Answer 1

不要通過制作不同的功能來搞砸。 請按照以下條件進行操作。

 var a = document.getElementById("txt"); var b = document.getElementById("txt1"); var save = document.getElementById("btn"); function myFunction() { if(a.value == ""){ alert("Please fill Text 1"); }else if(b.value == ""){ alert("Please fill Text 2"); }else if (a.value != b.value){ alert("Text 1 and Text 2 must be same"); } else{ alert("Successfully submitted"); //redirect to another page code; } } function textTwoFun(){ if(a.value != b.value){ alert('Value missmatched! Text 1 and Text 2 must be same'); } }

 <form> <input type="text" id="txt" placeholder="Text 1"> <input type="text" id="txt1" onkeyup="textTwoFun()" placeholder="Text 2"> <input type="button" onclick="myFunction()" value="click" id="btn"> </form>

當創建了多個函數時，如何提交一個 fom，在 onclick 和 onsubmit 等 evnet 上調用哪個函數？

問題描述

1 個解決方案

解決方案1
0 2019-12-07 11:38:46

當創建了多個函數時，如何提交一個 fom，在 onclick 和 onsubmit 等 evnet 上調用哪個函數？

問題描述

1 個解決方案

解決方案1 0 2019-12-07 11:38:46

解決方案1
0 2019-12-07 11:38:46