尚硅谷书城项目注册页面的学习

最新推荐文章于 2022-07-18 00:16:36 发布

YangMay5

最新推荐文章于 2022-07-18 00:16:36 发布

阅读量427

点赞数

文章标签： html

本文链接：https://blog.csdn.net/YangMay5/article/details/115622213

版权

本文记录了在尚硅谷书城项目中创建注册页面的学习过程，涵盖了HTML相关知识，包括表单元素、布局及样式等。欢迎大家交流指正。

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

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>尚硅谷会员注册页面</title>
<link type="text/css" rel="stylesheet" href="../../static/css/style.css" >
<style type="text/css">
	.login_form{
   
		height:420px;
		margin-top: 25px;
	}
	
</style>
	<script type="text/javascript" src="../../static/script/jquery-1.7.2.js"></script>
	<script type="text/javascript" >
		$(function (){
   
			//给注册绑定事件
			$("#sub_btn").click(function (){
   
				//验证用户名称，有5-12位的数字、字母和下划线组成
				var nameText = $("#username").val();//太马虎了
				var nameTextPatt =/^\w{
   5,12}$/;
				if(!nameTextPatt.test(nameText)){
   
					$("span.errorMsg").text("输入用户名错误");
					return false;

				}
				$("span.errorMsg").text("");

				//验证用户密码
				var passwordText = $("#password")