JS表单验证,按钮验证,验证成功怎么实现跳转

我在做一个注册页面,有密码账号等等。点“提交按钮”密码账号的格式验证,验证成功了,怎么实现跳转??/

<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<meta name="keywords" content="白菜编辑部">
<title>白菜编辑部</title>
<style type="text/css">
</style>
<script type="text/javascript">
    function check (form)
    {
        var reg = /^\s*|\s*$/g;
        if (form.username.value.replace(reg,'') == "")
        {
            alert ("请输入用户名");
            form.username.focus ();
            return false;
        }
        else if (form.password.value.replace(reg,'') == "")
        {
            alert ("请输入密码");
            form.password.focus ();
            return false;
        }
        else 
        {
            return true;
        }
    }
</script>
</head>
<body>
    <div class="page-container">
        <h1>基站问题信息管理系统</h1>
        <h1>登录(Login)</h1>
        <form name="form1" id="form1" action="loginprocess.php" method="post">
            <input type="text" name="username" id="username" class="username" placeholder="请输入您的用户名!"> <input type="password" name="password"
                id="password" class="password" placeholder="请输入您的用户密码!">
            <button type="submit" class="submit_button" onclick="return check(this.form);">登录</button>
            <div class="error">
                <span>+</span>
            </div>
        </form>
    </div>
</body>
</html>

温馨提示:内容为网友见解,仅供参考
第1个回答  2017-06-15
<form action="reg.html" name="loginForm" id="login" onsubmit="retrun checkdata()">

return写错了,应该是return,你写的是retrun。检查一下……

另外把
if(checkName()==false)
return false;
else
return true;
if(checkPassword()==false)
return false;
else
return true;
改成

if(checkName()==false)
return false;
if(checkPassword()==false)
return false;
else
return true;本回答被网友采纳
第2个回答  2015-01-11
window.location.href="跳转至页面URL";
第3个回答  2017-07-07
你是在前台验证的? 有没有后台程序? 你是只想做一个前台的跳转效果吗?
如果是前台跳转的话, 直接在js中添加window.location.herf = "xxx.html";即可
如果是java后台跳转的话, 你需要把前台的数据传给后台, 后台判断后跳转
第4个回答  2015-01-11
<form id="check" action="#" method="post">
    <input type="password" id="password" />
    <input type="submit" id="submit" value="提交" />
</form>

假设这是你的表单HTML

相应的JS如下:

document.getElementById("check").onsubmit = function() {
    if(checkPassword()) {
        window.location.href = "your_url"; // 如果想继续提交到action对应的链接,返回true即可
    } else {
        return false;
    }
}
function checkPassword() {
    var password = document.getElementById("password").value;
    var isValid = ; //验证成功为true,不成功为false
    return isValid;
}

本回答被网友采纳
相似回答