【前端】登录界面，鼠标移开或者点击之后对输入框的内容进行自动的验证（起点闭关计划）

最新推荐文章于 2022-06-15 10:17:35 发布

我叫王不见

最新推荐文章于 2022-06-15 10:17:35 发布

阅读量718

点赞数

分类专栏：前端文章标签：前端

本文链接：https://blog.csdn.net/weixin_48680173/article/details/123034476

版权

本文介绍了如何在前端登录界面实现一个功能，当鼠标移开或点击输入框后，自动对用户输入的内容进行验证。通过代码实现，展示了这种验证机制的实现过程。

摘要由CSDN通过智能技术生成

效果图：

代码实现：


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="util.js" type="text/javascript" >
		</script>
	</head>
	<body>
		<div >
			<span >
			用户名：	
			</span>
			<span >
			<input type="text"  id="name" placeholder="请输入用户名" 
			onblur="userNameBlur()"  onfocus="textFocus('user','【不能为空，或是纯数字】')"/>
			</span>
			<span id="user">
			【不能为空，或是纯数字】	
			</span>
			
		</div>
		
		<div id="">
			<span >
			密&nbsp;码：	
			</span>
			<span >
			<input type="password"  i

最低0.47元/天解锁文章

我叫王不见

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
【前端】登录界面，鼠标移开或者点击之后对输入框的内容进行自动的验证（起点闭关计划）

效果图：代码实现：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="util.js" type="text/javascript" > </script> </head> <body> <div > <span.
复制链接

扫一扫