JS阻止表单提交

问题：在弹出提示框点击确定后，即使格式错误再次点击提交依然会提交

解决方法：在表单第一行要这样引用：

<form id="commentForm" action="zhuce" method="post" onSubmit="return check();" name="testform">

一定要添加return，要不然提示后还是会提交；

注意：如果js中的一些Id对不上（代码出错），依然不能实现阻止表单提交的功能。

JavaScript代码：

<script>
    function check(){
        var flag = new Boolean();//布尔值没有说明默认是true
        var password = document.getElementById("password").value;
        var repassword = document.getElementById("password1").value;
        if (password!=repassword){
            alert("两次输入密码不一致！");
            // document.getElementById('password').value = "";
            document.getElementById('password1').value = "";//清空原来的值
            document.testform.password1.focus();//聚焦到重复密码一栏
            flag = false;
        }

        var reg = /(^\d{11}$)/;
        if(!reg.test(document.testform.phone.value)){//这里面testform是表单的name，phone是电话的id
            alert("手机号输入不合法，应为11位数字！");
            document.getElementById('phone').value="";//清空原来的值
            document.testform.phone.focus();//这个是聚焦到手机一栏
            flag = false;
        }
        return flag;
    }
</script>

 

转载自：https://blog.csdn.net/weixin_34074740/article/details/89871861