Screw_Toxic 2021-06-28 14:15 采纳率: 100%
浏览 1466
已结题

如何用submit button实现页面跳转

我想写个用GET方法的页面跳转。为什么点击提交网页不会跳到main.html 还是在 login.html。以及为什么用户和密码不是这个也会提交,萌新头有点秃。

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>Login</title>  
    <link rel="stylesheet" type="text/css" href="Login.css"/>   
    <script src="js/jquery-3.0.0.min.js"></script>
    <script src="js/jquery.params.js"></script>
    <script>
        $(function(){
            var uInput = document.getElementById('user');
            var pInput = document.getElementById('pass');
            user = uInput.value
            pass = pInput.value
            $("#btn").on("click",function(){
                if(user == 'jojo' %% pass == 'bean'){
                    jump1();
                }
                else{
                    alert("Please try again!!")
                }
            });
 
            return false;
        });
        function jump1(){
            url = "main.html?user="+user+"&pass="+pass;//此处拼接内容
            alert(url)
            window.location.href = url;
        }
    </script>
</head>  
<body>  
    <div id="login">  
        <h1>Login</h1>  
        <form name="form1">  
            <input type="username" required="required" placeholder="用户名" name="user" id='user'></input>  
            <input type="password" required="required" placeholder="密码" name="pass" id='pass'></input>  
            <button class="but" type="submit" id="btn">登录</button>  
        </form>  
    </div>  
</body>  
</html> 
  • 写回答

3条回答 默认 最新

  • 张海智_ 2021-06-28 14:18
    关注

    button点击之后自带默认提交行为,阻止默认事件试试..... 你这个代码图看起来太费眼了..

     

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

悬赏问题

  • ¥88 用uniapp写一个多端的程序,用到高德地图,用高德的JSAPI吗?
  • ¥20 关于#c++#的问题:水果店管理系统
  • ¥30 dbLinq最新版linq sqlite
  • ¥20 对D盘进行分盘之前没有将visual studio2022卸载掉,现在该如何下载回来
  • ¥15 完成虚拟机环境配置,还有安装kettle
  • ¥15 2024年全国大学生数据分析大赛A题:直播带货与电商产品的大数据分析 问题5. 请设计一份优惠券的投放策略,需要考虑优惠券的数量、优惠券的金额、投放时间段和投放商品种类等因素。求具体的python代码
  • ¥15 有人会搭建生鲜配送自营+平台的管理系统吗
  • ¥15 用matlab写代码
  • ¥30 motoradmin系统的多对多配置
  • ¥15 求组态王串口自定义通信配置方法或代码?