Question

如果表单填写正确而不是调用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>

Answer 1

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

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

然后

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

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

我需要帮助来调用add（）函数并验证函数，所以首先它将验证而不是添加

1 个答案: