注册的基本信息验证

最新推荐文章于 2021-11-03 15:43:37 发布

㴇燚

最新推荐文章于 2021-11-03 15:43:37 发布

阅读量1.7k

点赞数 1

分类专栏： JS Ajax 文章标签： js 注册验证

本文链接：https://blog.csdn.net/weixin_44543412/article/details/117689398

版权

一般注册的时候都要我们填写一些用户名、密码、手机号等基本信息，而且我们能否注册成功都是取决于这些基本信息格式是否正确。当我们输入注册信息时，每个验证框都会给出相对应的提示帮助我们正确填写基本信息，完成注册。下面做一个简单的注册验证，分别对用户的用户名、用户密码、确认密码、邮箱以及用户手机号码进行一个简单的验证，完成用户注册。
一、下面是整个JSP页面:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>注册验证</title>
<link href="/css/index.css" type="text/css" rel="Stylesheet" />
  <style>
    #ad>ul {
     
       margin:0;
    }
  </style>
</head>
<body>
<!-- 1、注册样式 -->
<div id="reg">
<div class="msg">
	<div class="panel">
	  <form id="user_info">
		<div class="form-group">
		 <label for="uname">用户名：</label> 
<!-- minlength:最小长度；maxlength:最大长度；两者限制用户名长度在3到9之间，即：3<=用户名长度<=9 -->
<input required minlength="3"maxlength="9" type="text" placeholder="请输入用户名" autofocus name="name" id="uname" /> 
		 <span class="msg-default">用户名长度在3到9位之间</span>
		</div>
<div class="form-group">   
	 <label for="upwd">密码：</label> 
<!-- 6<=密码长度<=12 -->
<input type="password" minlength="6" maxlength="12" placeholder="请输入密码" name="password" id="upwd" />
	<span class="msg-default hidden">密码长度在6到12位之间</span>
</div>
<div class="form-group">
	<label for

最低0.47元/天解锁文章

㴇燚

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
注册的基本信息验证

一般注册的时候都要我们填写一些用户名、密码、手机号等基本信息，而且我们能否注册成功都是取决于这些基本信息格式是否正确。当我们输入注册信息时，每个验证框都会给出相对应的提示帮助我们正确填写基本信息，完成注册。下面做一个简单的注册验证，分别对用户的用户名、用户密码、确认密码、邮箱以及用户手机号码进行一个简单的验证，完成用户注册。一、下面是整个JSP页面:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncodin
复制链接

扫一扫