纯静态网页让用户输入数据后跳转到指定页面怎么实现

假如有A,B,C三个页面,A页面中有一个输入框和确定按钮,当用户输入指定数据如“A101”点击确定按钮后就跳转到有"A101"参数的B页面;如果用户在A页面中输入指定数据如“A202”点击确定后则跳转到有“A202”参数的C页面.....后面还有更多D,E,F,G等页面,怎么实现?纯静态的html网页,具体的代码?谢谢!

<html>
<head>
<title>专用模板</title>

</head>

<body>
<input type="password" id="pwd"/>
<input type="button" value="登录" onclick="login()"/>
<script>
function login()
{
var pwd=document.getElementById("pwd").value;
if(pwd=="123")
{
location.href="seyou.me";//////改你要跳转的地址
}
}
</script>
</body>
</html>
/////////////////////////////////////////////////////@希望能帮到你@///////////////////////////////////////////////////////////

温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-09-25
可以用javascript的实现。
在form的submit事件中中,判断用户输入的数据,提交到不同的页面。
大致的代码如下,好久不写了,大致思路如此:
javascritp代码:
function log_submit(){
var form1=document.form1;
var data1=form1.data1.value
switch(data1)
{
case “A101”:
form1. action=B页面; //写上B页面的详细地址
break;
case "A202":
form1. action=C页面; //写上C页面的详细地址
break;
……
default
……
}
form1.submit();
return true;
}
网页代码:
……
<form action="" method="post" name="form1" id="form1" onsubmit="return log_submit()">
<input type="text" name="data1" id="data1">
<input type="submit" value="确定">
</form>
……追问

谢谢哈,不过js我看不懂,我用的时候这代码不能运行,用WD编辑提示有错误,除了上面的符号错误直到下面的
}
form1.submit();
return true;
}
这里是错的,能帮我写完整一点么?谢谢

追答

这里给你提供的主要是思路,提供的代码只是个框架,具体代码需要你根据自己的网页去完善,实现复杂的功能,js需要了解学习了。另外dw提供一个跳转菜单的功能,如果不需要传递参数可以直接使用。

本回答被网友采纳
第2个回答  2019-05-29
要末在form表单的action中写上要提交的页面的url,要末在js中写上submit的页面的地址
第3个回答  2019-03-20
没猜错的话,用户输入数据1定要处理的吧,你写1个servlet处理参数,在servlet让他转发或重定向到另外一个页面
第4个回答  2013-09-26
使用超链接应该可以

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网