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

我在做一个注册页面,有密码账号等等。点“提交按钮”密码账号的格式验证,验证成功了,怎么实现跳转??/... 我在做一个注册页面,有密码账号等等。点“提交按钮”密码账号的格式验证,验证成功了,怎么实现跳转??/ 展开
 我来答
匿名用户
2015-01-11
展开全部
<!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>
DoramiHe
2017-06-15 · 知道合伙人互联网行家
DoramiHe
知道合伙人互联网行家
采纳数:25335 获赞数:59536
2011年中山职业技术学院毕业,现担任毅衣公司京东小二

向TA提问 私信TA
展开全部
<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;
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友ad45923b8
2015-01-11 · 知道合伙人软件行家
百度网友ad45923b8
知道合伙人软件行家
采纳数:262 获赞数:386
从事IT互联网行业16年,经验丰富,擅长ASP、HTML、Javascript,Css,JQuery,PHP,PS,FL,AI,E,服务器等

向TA提问 私信TA
展开全部
window.location.href="跳转至页面URL";
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
GoddardHugh
2017-07-07 · TA获得超过250个赞
知道答主
回答量:118
采纳率:100%
帮助的人:45.9万
展开全部
你是在前台验证的? 有没有后台程序? 你是只想做一个前台的跳转效果吗?
如果是前台跳转的话, 直接在js中添加window.location.herf = "xxx.html";即可
如果是java后台跳转的话, 你需要把前台的数据传给后台, 后台判断后跳转
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
郑郑某
2015-01-11 · TA获得超过574个赞
知道小有建树答主
回答量:98
采纳率:0%
帮助的人:114万
展开全部
<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;
}
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式