首页 > 代码库 > 前端 js 实现简单 表单提交
前端 js 实现简单 表单提交
1. 登录页 验证用户身份，登录成功之后等待一定秒数，跳转到操作页面
<html> <head> <title>Login.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href=http://www.mamicode.com/"./styles.css">--> <script type="text/javascript"> function checkuser() { if($(‘uname‘ == "lala") && $(‘pwd‘) == "123") { return true; }else { return false; } } function $(id) { return document.getElementById(id).value; } </script> </head> <body> <form action="ok.html"> u:<input type="text" id="uname"/><br> p:<input type="password" id="pwd"/><br> <input type="submit" value=http://www.mamicode.com/"登录" onclick="return checkuser()"/> </form> </body> </html>
2. 登录成功页面中，等待5秒
<html> <head> <title>ok.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href=http://www.mamicode.com/"./styles.css">--> <script type="text/javascript"> function tiao() { clearInterval(mytime); window.open("manage.html","_self"); } setTimeout("tiao()",5000); function changeSec() { //得到myspan值 $(‘myspan‘).innerText=$(‘myspan‘).innerText-1; } function $(id) { return document.getElementById(id); } var mytime = setInterval("changeSec()",1000); </script> </head> <body> 登录成功，<span id="myspan">5</span>秒后自动跳转到管理页面 </body> </html>
3. 写一个manage.html 即可
前端 js 实现简单 表单提交
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。