js实现表单验证

本文介绍如何使用JavaScript实现表单验证,特别是在登录注册场景中确保账号输入符合要求。首先展示HTML和CSS基础,接着重点讲解JavaScript部分,包括清除用户名中的空格以及执行具体的验证逻辑。
摘要由CSDN通过智能技术生成

表单验证在我们写网页的时候还是用的比较多的,主要是登录注册的时候用,用来判断注册的账号符不符合要求。

惯例,先写html和css样式,我这里写的比较简单,主要是用js实现就可以,
html:

		<div id = 'login'>
			<input id = 'username' type="text" placeholder="用户名" onblur = 'blurFunc();'/><br/>
			<span id = 'username_span'>6~18个字符,可使用字母、数字、下划线,需以字母开头</span>
		</div>

css:

		<style>
			#login{width: 200px; height: 150px; border: 1px solid black; padding: 50px; text-align: center; background-color: yellow}
			#username{width: 190px; height: 30px; font-size: 18px; margin-bottom: 10px}
			#username_span{color: red; font-size: 12px}
		</style>

最重要的js来了:
永远的第一步:获取id,

				var oUsername = document.getElementById("username");
				var oUsernameSpan = document
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值