~~~^_^ 2023-03-19 14:13 采纳率: 66.7%
浏览 62
已结题

利用JS与HTML完成用户登录验证

img


用HTML和JavaScript完成用户登录验证，当用户在文本框输入用户名和密码，点击“确定”按钮，给出如下图的提示。HTML的代码已经完成，JS部分代码不能成功运行，代码应该怎么改进

img

  • 写回答

1条回答 默认 最新

  • Ycj_3355 2023-03-19 17:16
    关注

    以下是HTML代码：

    <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>用户登录</title>
    <script src="login.js"></script>
</head>
<body>
    <form>
        <label for="username">用户名：</label>
        <input type="text" id="username" name="username"><br>
        <label for="password">密码：</label>
        <input type="password" id="password" name="password"><br>
        <input type="button" value="确定" onclick="login()">
    </form>
</body>
</html>

    以上代码定义了一个用户登录页面，包含用户名和密码的输入框以及一个“确定”按钮。需要注意的是，需要将JS代码分离到login.js文件中。

    以下是JS代码：

    function login() {
    var username = document.getElementById("username").value;
    var password = document.getElementById("password").value;
    if (username === "tom" && password === "123") {
        alert("登录成功！");
    } else {
        alert("用户名或密码错误！");
    }
}

    以上代码定义了一个login函数，用于处理用户登录事件。在函数中，获取用户名和密码的值，并进行判断。如果用户名和密码正确，弹出“登录成功！”提示框，否则弹出“用户名或密码错误！”提示框。需要注意的是，需要将JS代码保存到login.js文件中，并在HTML文件中引入该文件。

     参考于：Cursor 应用
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

问题事件

  • 系统已结题 3月27日
  • 已采纳回答 3月19日
  • 修改了问题 3月19日
  • 修改了问题 3月19日
  • 展开全部

悬赏问题

  • ¥15 WPF 大屏看板表格背景图片设置
  • ¥15 这个主板怎么能扩出一两个sata口
  • ¥15 不是，这到底错哪儿了😭
  • ¥15 2020长安杯与连接网探
  • ¥15 关于#matlab#的问题：在模糊控制器中选出线路信息，在simulink中根据线路信息生成速度时间目标曲线（初速度为20m/s，15秒后减为0的速度时间图像）我想问线路信息是什么
  • ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
  • ¥16 mybatis的代理对象无法通过@Autowired装填
  • ¥15 可见光定位matlab仿真
  • ¥15 arduino 四自由度机械臂
  • ¥15 wordpress 产品图片 GIF 没法显示