javaScript之简单表单效验

最新推荐文章于 2023-02-21 17:57:33 发布

故里有长安、

最新推荐文章于 2023-02-21 17:57:33 发布

阅读量398

点赞数

分类专栏：前端文章标签： javaScript 表单效验

本文链接：https://blog.csdn.net/x_l_t/article/details/102579008

版权

本文介绍了如何使用JavaScript进行基本的表单验证，包括用户名、手机号码、密码和确认密码的验证。要求用户名长度在6至15字符之间，手机号码符合特定正则表达式，密码和确认密码不能为空且需一致。所有验证在点击按钮时一次性完成。

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

写一个简单的表单校验，要求输入框输入用户名、手机号码、密码、确认密码
用户名的非空、长度6~15
手机号码的非空、正则(百度搜索，js正则验证手机号码)
密码的非空
确认密码的非空、及密码一致性
以上所有的校验，在点击一个按钮时完成
代码：

<!DOCTYPE html>
<html>
	<head>
		<!-- 3、写一个简单的表单校验，要求输入框输入用户名、手机号码、密码、确认密码
			用户名的非空、长度6~15
			手机号码的非空、正则(百度搜索，js正则验证手机号码)
			密码的非空
			确认密码的非空、及密码一致性
			以上所有的校验，在点击一个按钮时完成 
		-->
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		用户名：
		<input type="text" id="userName" placeholder="请输入用户名:" />
		<span id="userInfo"></span>
		<br />
		手机号码：
		<input type="text" id="tel" placeholder="请输入手机号码:" />
		<span id="telInfo"></span>
		<br />
		密码：
		<input type="password" id="password" placeholder="请输入密码:" />
		<span id="pwdInfo"></span>
		<br />
		确认密码：
		<input type="password" id=