使用Js完成注册页面表单校验

于 2017-12-28 13:51:06 发布
阅读量698 收藏
点赞数 1
分类专栏： JavaScript 文章标签： javascript 表单校验
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GUANYAQI1996/article/details/78921260
版权 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>注册页面</title>
		<script>
			function checkForm(){
				
				//1.获取用户输入的数据
				var uValue = document.getElementById("user").value;
				if(uValue==""){
					//2.给出错误提示信息
					alert("用户名不能为空!");
					return false;
				}
				
				/*校验密码*/
				var pValue = document.getElementById("password").value;
				if(pValue==""){
					alert("密码不能为空!");
					return false;
				}
				
				/**校验确认密码*/
				var rpValue = document.getElementById("repassword").value;
				if(rpValue!=pValue){
					alert("两次密码输入不一致!");
					return false;
				}
				
				/*校验邮箱*/
				var eValue = document.getElementById("eamil").value;
				if(!/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/.test(eValue)){
					alert("邮箱格式不正确!");
					return false;
				}
				
			}
		</script>
	</head>
	<body>
		<table border="1px" align="center" width="1300px" cellpadding="0px" cellspacing="0px">
					<form action="#" method="get" name="regForm" οnsubmit="return checkForm()">
						<table border="1px" width="750px" height="400px" align="center" cellpadding="0px" cellspacing="0px" bgcolor="white">
							<tr height="40px">
								<td colspan="2">
									<font size="4">会员注册</font>
								</td>
							</tr>
							<tr>
								<td>
									用户名
								</td>
								<td>
									<input type="text" name="user" size="34px" id="user"/>
								</td>
							</tr>
							<tr>
								<td>
									密码
								</td>
								<td>
									<input type="password" name="password" size="34px" id="password"/>
								</td>
							</tr>
							<tr>
								<td>
									确认密码
								</td>
								<td>
									<input type="password" name="repassword" size="34px" id="repassword"></input>
								</td>
							</tr>
							<tr>
								<td>
									Emaile
								</td>
								<td>
									<input type="text" name="email" size="34px" id="eamil"/>
								</td>
							</tr>
						
							<tr>
								<td colspan="2">
									<input type="submit" value="注册" />
								</td>
							</tr>
						</table>
					</form>
				</td>				
			</tr>
		</table>
	</body>
</html>










 
  
 
 
 

 

                

        

        

    




    

      

        

            

              
                
                  知否技术
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










              

  
              

                


	

		

			

				
					
					博客
				
				
					
前端2年经验，你居然不知道ES6

				
			

			

				

					05-15
					
					296
					
				

			

		

		

			
				
1. 啥是 ES6？在学习 ES6 之前，我们先了解一下啥是 ES。ES 全称 ECMAScript，它是由欧洲计算机协会(ECMA)制定的一种脚本语言的标准化规范。这家伙说白了就是给 JavaScript 制定的一种语法规范，你写 js 的时候如果按照 ES6 中的规范去写，写的代码不仅简洁而且效率很高。ES6 发行于 2015 年 6 月，由于这个版本的语法规范极大地提高了前端开发人员的效率，所以在前端圈子中流行开来，时至今日热度依旧不减。2. let 和 const2.1 letlet

			
		

	





	

		

			

				
					
					博客
				
				
					
来来来，咱们聊一下 JWT

				
			

			

				

					05-15
					
					286
					
				

			

		

		

			
				
1. 为什么要用 JWT ?认证在谈起 JWT 之前，我们先了解一下什么是认证。在登录淘宝、微博等软件或者网站之前，我们需要通过填写账号和密码来校验身份。认证是用来验证用户身份合法性的一种方式。那我们登录成功之后，网站如何记录我们的身份信息呢？前面我们在学习 servlet 的时候，知道了传统的系统主要是通过 session 来存储用户的信息。session 将用户的信息存储在服务端。但是随着用户数量的增多，服务端就需要存一堆用户的认证信息，这种方式会不断增加服务端的压力。如果是分布式系统，

			
		

	



		

		



	

		

			

				
					
					博客
				
				
					
MybatisPlus最全使用指南

				
			

			

				

					05-15
					
					1万+
					
				

			

		

		

			
				
1. Mybatis 存在的痛点我们知道 MyBatis 是一个基于 java 的持久层框架，它内部封装了 jdbc，极大提高了我们的开发效率。但是使用 Mybatis 开发也有很多痛点：每个 Dao 接口都需要自己定义一堆增删改查方法。/** * @Desc: UserDao 接口 * @Author: 公众号：知否技术 * @date: 下午7:43 2022/5/7 */public interface UserDao {    // 获取所有用户信息    List<

			
		

	





	

		

			

				
					
					博客
				
				
					
2022，不会SpringBoot，后端真的不好找工作

				
			

			

				

					05-15
					
					1344
					
				

			

		

		

			
				
1. SSM 框架存在的痛点前面我们学习了 SSM 框架的整合，整合之后感觉还挺好用，实际上有很多痛点。痛点一：只要整合一个框架，就要写一个配置文件，简直太麻烦了。痛点二：需要的 Maven 依赖太多了，那么长一串，记性差的根本记不住。痛点三：每次启动项目都需要配置 Tomcat，如果 Tomcat 有问题，项目就起不来了。简直竹篮打水一场空。那有没有这样一个框架：1.不需要很多配置2.不需要很多 Maven 依赖3.不需要配置 Tomcat创建完一个 WEB 项目用不了5分钟，并且

			
		

	





	

		

			

				
					
					博客
				
				
					
关于 SSM 整合，这篇文章我写的很用心

				
			

			

				

					05-15
					
					388
					
				

			

		

		

			
				
1.邂逅 SSM前言记得大二上学期老师第一次讲 SSM 整合的时候，自己竟然浑浑噩噩睡过去了。平时上课不好好听讲，后来听说期末要交大作业了，自己被迫只能去网上找资料自学。不对。。。少打个S，不过这真的是我第一次搜 SSM 的资料，当时室友还说我变态。不过从那天起我带着尴尬的表情和搞定期末大作业的决心把 SSM 框架的整合认真研究了一遍。SSM 框架SSM 框架 是 Spring、SpringMVC、MyBatis 的缩写，这三个框架整合起来适用于搭建各种大型的企业级应用系统。这个

			
		

	





	

		

			

				
					
					博客
				
				
					
最全的SpringMVC 知识，终于让我找到了

				
			

			

				

					05-15
					
					383
					
				

			

		

		

			
				
1. 为啥要学 SpringMVC？1.1 SpringMVC 简介在学习 SpringMVC 之前我们先看看在使用 Servlet 的时候我们是如何处理用户请求的：配置web.xml<?xml version="1.0" encoding="UTF-8"?><web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"         xmlns:xsi="http://www.w3.org/2001/XMLSchema-insta

			
		

	





	

		

			

				
					
					博客
				
				
					
不会 MyBatis？看这篇文章就对了，吐血推荐

				
			

			

				

					05-15
					
					493
					
				

			

		

		

			
				
1. 为啥要用 MyBatis我们作为一个程序员，主要工作归根结底就是和数据打交道。而使用 java 操作数据库的原始方式就是 JDBC。先看看使用 JDBC 方式是如何操作数据库的：// 1. 加载配置文件Properties pro=new Properties();pro.load(new FileReader("resource/jdbc.properties"));// 2. 获取配置文件中连接数据库的信息String url=pro.getProperty("url");Stri

			
		

	





	

		

			

				
					
					博客
				
				
					
深入浅出Spring，原来以前白学了

				
			

			

				

					05-15
					
					297
					
				

			

		

		

			
				
1. 为啥要用 Spring张三是一个编程小白，他每次在 service 层写代码都要自己 new 一堆 Dao 接口的实现类。public class ProjectServiceImpl implements ProjectService {    UserDao userDao = new UserDaoImpl();    ProjectSectionDao projectSessionDao = new ProjectSessionDaoImpl();    ProjectDao pro

			
		

	





	

		

			

				
					
					博客
				
				
					
Maven最全使用指南，都在这里了

				
			

			

				

					05-15
					
					4381
					
				

			

		

		

			
				
张三最近做了个项目，但是这个项目需要 30 多个 jar包。他只能从网上一个个去下载，下载完还要一个一个手动导入。好不容易搞完了，结果却发现有些 jar 包版本竟然不兼容，搞了一天也没搞好。真的是“豆腐拌腐乳-越搞越糊涂！。”经过一个多月的疯狂加班，这个项目终于做好了，张三部署好测试环境之后就交给测试人员李四了。张三想着终于能好好摸鱼了，谁知道李四工作特认真，一会就测出来一堆 bug。张三只能立即去更改 bug，改完还要手动编译、打包项目。最多的时候一天打包了十几次，可把张三累坏了。那如何避免上面

			
		

	





	

		

			

				
					
					博客
				
				
					
在IDEA中使用Debug，真的太爽了

				
			

			

				

					05-15
					
					1856
					
				

			

		

		

			
				
1. Debug 简介为何要用 Debug?眼看 12 月马上就要过去了，张三正在大学宿舍床上躺着，此刻的他既开心又发愁。开心的是马上就能和女朋友一起跨年了，发愁的是自己 java 期末大作业一堆错误。张三英语不好，看不懂控制台的报错语句，所以越想越烦躁。突然，张三好像有了灵感，打开 IDEA 兴奋地敲了起来。正参与五黑的室友见状，不免有些好奇，都跑去看他的电脑：原来张三正在复制粘贴一堆打印语句。一室友实在看不下去了，问他：“你调试程序为啥不用 Debug ?”“你写这么多 system 语

			
		

	





	

		

			

				
					
					博客
				
				
					
IDEA这样配置，好用到爆炸

				
			

			

				

					10-20
					
					1878
					
				

			

		

		

			
				
1. idea 简介IDEA 全称 IntelliJ IDEA ，是 JetBrains 公司 使用 java 编程语言开发的集成环境， 这家公司总部位于捷克共和国的首都布拉格。公司旗下还有其它产品，例如 WebStorm、PyCharm、PhpStorm、DataGrip 等。IntelliJ 在业界被公认为是地球上最好的 java 开发工具。尤其在代码自动提示、重构、版本工具、JUnit、代码分析等方面的功能可以说是超常的。1.1 版本区别	Ultimate：旗舰版，收费(

			
		

	





	

		

			

				
					
					博客
				
				
					
学会了 eclipse , 班里女生都来找我玩！

				
			

			

				

					10-15
					
					282
					
				

			

		

		

			
				
1. eclipse 简介eclipse 是全世界范围内有名的集成开发环境，主要用来开发 java 程序。它就像士兵手中的 AK47，一出场就赢得了广大程序员的芳心。对了，在使用 eclipse 之前要一定要先安装 jdk!!!1.1 官网最新下载地址https://www.eclipse.org/downloads/但是！但是！但是！官网最新版本的 eclipse 需要最低版本的 jdk 是 jdk11，然而现在 jdk11 以上版本都要收费（后面可能会免费吧），所以我还是建议大家用与

			
		

	





	

		

			

				
					
					博客
				
				
					
导入导出这么丝滑，你用的是 EasyPoi 吗？

				
			

			

				

					05-25
					
					358
					
				

			

		

		

			
				
丝滑的 EasyPoiPOI：用来处理 Excel、Word 等文件的技术。EasyPoi： 让没有接触过 POI 的人也能方便的写出 Excel 的导入导出功能。说白了就是用了 EasyPoi，文件的导入导出变得 so easy！官网地址：http://easypoi.mydoc.io/1. SpringBoot整合EasyPoi引入依赖<dependency>    <groupId>org.projectlombok</groupId>    &l

			
		

	





	

		

			

				
					
					博客
				
				
					
哎我就不信了，Java IO有这么难吗？

				
			

			

				

					05-24
					
					278
					
				

			

		

		

			
				
1. IO流1.1 IO流简介I 是 input，表示输入。o 是output，表示输出。流指的就是数据的传输。Java IO   的字面意思：通过 java 编程语言实现数据的输入和输出。在这里指的就是文件的读和写操作。那么，关于读，数据从哪里来？关于写，数据写到那里去？读：将数据从硬盘加载到内存中，例如通过 java  程序查看 txt 文档。写：将数据从内存写入到硬盘中，例如通过 java 程序给 txt 文档添加几个字符。所以呢，读写操作就是数据在内存和硬盘之间的传输。1.

			
		

	





	

		

			

				
					
					博客
				
				
					
昨晚12点，女朋友突然问我：你会RabbitMQ吗？我竟然愣住了。

				
			

			

				

					02-04
					
					438
					
				

			

		

		

			
				
01为什么要用消息队列？1.1 同步调用和异步调用在说起消息队列之前，必须要先说一下同步调用和异步调用。同步调用：A服务去调用B服务，需要一直等着B服务，直到B服务执行完毕并把执行结果返回给A之后，A才能继续往下执行。举个例子：过年回到家，老妈对你说：“你也不小了，该谈女朋友了，隔壁王阿姨给你…。”“妈！我谈的有！"老妈嘴角微微上扬：“那她现在有空吗？让妈给你把把关。”你被逼之下跟女朋友开视频说：“那个我妈在我旁边，她想跟你说说话。”你女朋友一下子慌了，立马拿起眉笔、口红、遮瑕对你说：“你先.

			
		

	





	

		

			

				
					
					博客
				
				
					
人均年薪50万以上，docker到底是什么？为什么这么火？

				
			

			

				

					02-03
					
					552
					
				

			

		

		

			
				
为什么要使用Docker？场景一：公司双十一买了一堆服务器，技术总监让你给它们一个个都配置上JDK、Mysql、Redis等软件环境。你心里小声嘀咕：“这总监不讲武德！“然后你开始一个个去安装、配置，结果搞了一天都没有配置好。到了晚上10点，总监对你说：“你到底行不行？我劝你好自为之！“场景二： 你和公司同事共用一台服务器进行开发，中间突然你俩的程序都挂了。同事很恼火，拿着键盘指着你说：“怪不得总监昨晚劝你好自为之，我看你就是不行！”你一听不行，脑子就炸了！“男人不能说不行啊！“你上去就给了他.

			
		

	





	

		

			

				
					
					博客
				
				
					
Linux系统安装JDK

				
			

			

				

					02-03
					
					235
					
				

			

		

		

			
				
今天给大家讲一下如何在Linux系统上安装JDK，话不多说，盘它！01.Linux 卸载 JDK1.首先输入java -version 查看 linux 系统是否已经安装 jdk[root@ecs-1d22-0002 ~]# java -versionjava version "1.8.0_131"Java(TM) SE Runtime Environment (build 1.8.0_131-b11)Java HotSpot(TM) 64-Bit Server VM (build 25.13.

			
		

	





	

		

			

				
					
					博客
				
				
					
学会lambda表达式，能让你少敲1000行代码！

				
			

			

				

					02-03
					
					395
					
				

			

		

		

			
				
01.什么是lambda表达式1. 函数式接口在聊起lambda表达式之前，我们不得不提起函数式接口：一个接口只包含唯一的方法，那么它就是函数式接口。例如：public class LambdaTest {    public static void main(String[] args) {        Lambda lambda=new SonLambda();        lambda.say();    }}//1.一个接口只包含一个方法就是函数式接口interface.

			
		

	





	

		

			

				
					
					博客
				
				
					
MongoDB：我知道你很爱我

				
			

			

				

					02-03
					
					292
					
				

			

		

		

			
				
为什么要使用 MongoDB张三大学毕业设计题目是《XXX博客论坛》，他在存储用户评论的时候遇到了一个问题：这些评论数据量非常大，但是价值不是很大，如果存储在 MySQL 数据库中就会浪费性能。李四在工作过程中遇到一个需求：在审批模块中，每一个公司都可以自定义请假类型，例如调休、出差等。相当于给每个公司维护一个自己的数据字典。张三的痛点是存储的博客评论数据量大但是价值不大，不适合使用Mysql存储。李四的痛点是需要维护一个数据字典，不适合用关系型数据局。为了解决张三和李四的痛点，这个时.

			
		

	





	

		

			

				
					
					博客
				
				
					
cookie显示上一次登录时间

				
			

			

				

					01-08
					
					422
					
				

			

		

		

			
				
import java.io.IOException;import java.text.SimpleDateFormat;import java.util.Date;import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.Cook...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值