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

简单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
  • 4
    点赞
  • 31
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值