简单JavaScript验证｜用户登录界面中加入简单的验证

最新推荐文章于 2024-05-13 16:21:10 发布

匿名用户小易

最新推荐文章于 2024-05-13 16:21:10 发布

阅读量1.5k

点赞数 4

文章标签：用户登录界面验证 javascript

本文链接：https://blog.csdn.net/qq_43571150/article/details/103413442

版权

简单JavaScript验证｜用户登录界面中加入简单的验证

用户登录界面中加入简单的验证
(假设数据库正确用户名、密码组合包括两个：tommy/123456、louis/987654321)。

验证内容包括：
（1）用户名为空或长度小于5位时弹出提示对话框；
（2）登录密码为空或长度小于6位时弹出提示对话框；
（3）用户名、密码与数据库中核对正确后，显示登录成功提示对话框。

提示：
（1）自定义check()函数；
（2）使用getElementById()方法可返回对拥有指定 ID 的第一个对象的引用;
（3）使用JavaScript中的3个常用消息对话框函数，包括alert(“文本”)、confirm(“文本”)、prompt(“文本”, “默认值”)。

在这里插入图片描述

<!doctype html>
<html>
	<head>
		<title>
			用户登录界面
		</title>
		<meta charset="utf-8">
		<script>
			function checkUser(){
   
				var username = document.getElementById("username");
				if(username == ""){
   
					document.getElementById("tishiUsername").innerHTML ="用户名不能为空";
					return;//必须要写return跳出
				}else{
   
					document.getElementById("tishiUsername").innerHTML ="";
					if(username.value.length

最低0.47元/天解锁文章

匿名用户小易

关注

4
点赞
踩
31

收藏

觉得还不错? 一键收藏
0
评论
简单JavaScript验证｜用户登录界面中加入简单的验证

简单JavaScript验证｜用户登录界面中加入简单的验证用户登录界面中加入简单的验证(假设数据库正确用户名、密码组合包括两个：tommy/123456、louis/987654321)。验证内容包括：（1）用户名为空或长度小于5位时弹出提示对话框；（2）登录密码为空或长度小于6位时弹出提示对话框；（3）用户名、密码与数据库中核对正确后，显示登录成功提示对话框。提示：（1）自定义c...
复制链接

扫一扫