~~~^_^ 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 应用
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • HTML5+CSS3+JavaScript-登录页面
    2021-12-17 12:25
    在这个登录页面中，JavaScript可以处理用户输入事件，如验证输入的正则表达式。例如，我们可以使用JavaScript的`test()`方法配合正则表达式，检查用户名和密码是否符合特定格式，如要求必须包含字母和数字等。此外，...
  • 用JSP编程语言实现一个用户登录页面
    2024-09-10 08:00
    Q18600000000的博客 用JSP编程语言实现一个用户登录页面
  • BootstrapAssignment:使用html，css，bootstrap和js进行登录注册验证
    2021-05-04 00:17
    这个"BootstrapAssignment"项目显然是一个教学或实践案例，旨在教授如何利用HTML、CSS、Bootstrap和JavaScript来实现用户登录和注册功能的验证。下面我们将深入探讨这些技术以及它们在创建交互式网页中的应用。 ...
  • JavaScript脚本语言是什么_动力节点Java学院整理
    2020-12-07 08:47
    4. 异步编程：随着Node.js的出现，JavaScript可以用于服务器端编程，利用异步IO和事件驱动模型处理高并发任务。 JavaScript的发展历程： 1. 1992年，Nombas公司的Cmm（后来的ScriptEase）是早期的客户端脚本语言...
  • 网站规划企业电子商务网站编程语言优秀PPT.ppt
    2022-12-02 17:59
    网站规划在企业电子商务中扮演着至关重要的角色，而选择合适的编程语言则是构建高效、安全、易维护的电子商务网站的关键。本PPT主要介绍了几种常用的企业电子商务网站编程语言，包括ASP、JavaScript、XML、CGI、PHP...
  • html，css和js写的登录与注册界面
    2018-10-18 11:55
    HTML、CSS和JavaScript是构建网页和交互式用户界面的基础技术，尤其在创建登录与注册界面时，这三者起着至关重要的作用。本项目旨在为初学者提供一个基础的实践平台，通过学习和理解，逐步掌握这些技能。 HTML...
  • ASP中JavaScript处理复杂表单的生成与验证第1/3页
    2021-01-20 08:13
    例如，一个ASP程序员调查表的定义可能包括姓名、年龄、性别、邮件地址和编程语言等字段，其中性别和编程语言可能需要下拉列表供用户选择。 在生成表单时，ASP脚本会根据Definitons和Lists中的数据动态构建HTML代码...
  • 基于Vue的Python、JavaScript、HTML多语言MoocWeb仿制学习平台设计源码
    2024-10-06 03:00
    本文介绍的项目是一个基于Vue框架的多语言MoocWeb仿制学习平台，该项目的源码文件主要包含Python、JavaScript、HTML等多种编程语言的文件，以及Vue组件，总计92个文件，展示了构建一个功能齐全的学习平台所需的各种...
  • 利用html、css、javascript、php同时交互数据库制作的注册登录界面
    2017-08-10 20:06
    而PHP（Hypertext Preprocessor）是后端编程语言，用于处理用户提交的数据，与数据库进行交互。在这个项目中，PHP接收来自JavaScript的Ajax请求，验证用户输入，然后将数据存储到数据库。通常会使用诸如MySQL这样的...
  • 基于Java、JavaScript、Vue和HTML的QRCodeLogin系统设计源码
    2024-10-01 08:47
    本项目通过使用Java、JavaScript、Vue和HTML等编程语言和技术，构建了一个跨平台的QRCodeLogin系统。系统源码包含多个文件，其中Java语言负责后端逻辑处理，JavaScript和Vue框架用于前端界面设计与交互实现，HTML...
  • 没有解决我的问题, 去提问

问题事件

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