牛骨文教育服务平台(让学习变的简单)
博文笔记

js阻止form表单提交

创建时间:2017-07-15 投稿人: 浏览次数:1036

<form id="login" class="form-horizontal" action="login_login.action" onsubmit="return validate();" method="post">

</form>

function validate(){
        alert("请输入验证码!"); //则弹出请输入验证码  
        return false;
    }
    else if(inputCode != code ) {
        alert("验证码输入错误!@_@"); //则弹出验证码输入错误  
        createCode();//刷新验证码  
        document.getElementById("verificatCode").value = "";//清空文本框  
        return false;
    }
    else {//输入正确时
        return true;
    }
}

在form表单中onsubmit的书写一定是要"return 方法()",只写"方法()"则不行。并且要有返回值,返回false,就会阻止提交,返回true,则不会。错误的写法是:

<form id="login" class="form-horizontal" action="login_login.action" onsubmit="validate();" method="post">

</form>


声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。