成都中考网官网登录系统 (成都中考网官网登录)

成都耍耍 05-23 阅读:27 评论:0
成都中考网官网登录系统 (成都中考网官网登录)

还没有账号? 立即注册

CSS样式 css body {font-family: Arial, Helvetica, sans-serif; }form {width: 300px;margin: 0 auto; }label {display: block;margin-bottom: 5px; }input {display: block;width: 300px;padding: 5px;margin-bottom: 10px; }input[type="submit"] {background-color: 4CAF50;color: white;padding: 10px 15px;border: none;border-radius: 5px;cursor: pointer; }input[type="submit"]:hover {background-color: 46a049; }a {color: 000; }a:hover {color: f00; }JavaScript脚本 javascript // 获取登录表单 const form = document.querySelector("form");// 表单提交事件 form.addEventListener("submit", (e) => {e.preventDefault();// 获取用户名和密码const username = document.querySelector("username").value;const password = document.querySelector("password").value;// 检查用户名和密码是否为空if (!username || !password) {alert("用户名和密码不能为空!");return;}// 发送登录请求fetch("/login", {method: "POST",headers: {"Content-Type": "application/json"},body: JSON.stringify({username,password})}).then((res) => res.json()).then((data) => {if (data.status === "ok") {// 登录成功,跳转到主页window.location.href = "/";} else {// 登录失败,提示错误信息alert(data.message);}}).catch((err) => {console.error(err);alert("登录失败,请稍后再试!");}); });
版权声明

本文仅代表作者观点,不代表成都桑拿立场。
本文系作者授权发表,未经许可,不得转载。