我需要帮助来调用add(）函数和验证函数，所以首先它将验证和然后添加

i need help to call add() function and also validate function, so first it will validate and than add

本文关键字：验证 函数 添加 然后 add 调用 帮助      更新时间：2024-05-01

我想在提交时验证表单，如果表单填写正确，请单击，然后调用add（）函数。我不是一个高级用户，所以请保持简单，如果有其他方法可以做到这一点，我将不胜感激。

这是我的代码：

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Untitled Document</title>
    </head>
    <body>
        <script>
        function validate() {
            var x = document.forms["myform"]["fnum"].value;
            var y = document.forms["myform"]["snum"].value;
            if( x=="" || x ==null){
                alert("Please Enter the ist Number");
                return false;
            }
            if( y=="" || y== null){
                alert("Please Enter the 2nd Number");
                return false;
            }
        }
        function add(){
            var x = document.forms["myform"]["fnum"].value;
            var y = document.forms["myform"]["snum"].value;
            x=parseInt(x);
            y=parseInt(y);
            var sum = x +y;
            document.write(sum);
        }
        </script>
        <form name="myform" onSubmit="return validate()">
            First Number: <input type="number" name="fnum">
            Second Number : <input type="number" name="snum">
            <input type="submit" value="submit">
        </form>
    </body>
</html>

您需要第三个函数来执行此逻辑，如下所示：

function submit() {
    if(validate()) {
        add();
        return true;
    } else {
        return false;
    }
}

然后有

<form name="myform" onSubmit="return submit()">
...

或者，在这种情况下，您可以让add（）调用validate（）并返回false，并且在表单提交中只包含return add()。

相关文章：