javascript - 提交按钮上的onclick事件

Question

在单击提交按钮并调用 js 函数后，我试图验证输入文本是否具有电子邮件格式。我遇到的第一个问题是，经过一些测试，我发现它没有进入被调用的函数。在此之后，我认为一切都应该没问题，但为了以防万一，为了不在几分钟内发布 2 个几乎相同的问题，我将包括最重要的部分。 总结一下，它应该检查: - 电子邮件字段不为空 -电子邮件字段有一个@(不考虑顺序等)

然后它应该告诉它是否发现任何问题，如果没有则保持一切不变

我希望我表达了我的观点，如果没有我可以尝试再次解释..

 <input type="text" name="email" id="email">
    <input type="submit"  onclick=" proceed()"/>
<script>
    proceed(){
        var email= document.getElementById('email').value;
        var problems;
        if (email == ""){
            problems = "Empty variable \n";

        }

        var noat = true;
        for (int i=0; email.length; i++){
            if (email.charAt(i) == "@"){  //Compare each character
                noat=false;
                break;
            }
        }

        if (email=="" || noat=true){
            problems += "No @ \n"
            alert(problems);                        
        }
    }

</script>

Answer 1

<form onsubmit="return proceed();">
    <input type="text" name="email" id="email">
    <input type="submit" />
</form>

<script>
    function proceed() {
        var email = document.getElementById('email').value;
        var problems = "";

        if (email == "") {
            problems = "Empty variable \n";
        }

        var noat = false;
        if (email.indexOf("@") == -1) noat = true;

        //    for (int i=0; i< email.length; i++){
        //    if (email.charAt(i) == "@"){  //Compare each character
        //       noat=false;
        //       break;
        //}

        if (email == "" || noat == true) {
            problems += "No @ \n";
            alert(problems);
        }

        if (problems == "")
            return true;
        else
            return false;
    }
</script>