本文共 1222 字，大约阅读时间需要 4 分钟。

网上闲逛时，如果我们对某个网站非常感兴趣，通常都会注册一个账户，网站都会对注册页面的数据进行复杂的校验。但这里我只是讲一下对注册页面的数据进行非空的简单校验！！！如果有某个值没有输入，点击注册按钮提交时，则弹出一个对话框进行提示！！！

   
	
    
		     
      
			       
用户名
			       
		      
		      
			       
密码
			       
		      
		      
			       
确认密码
			       
		      
		      
			       
性别
			       
男女
		      
		      
			       
籍贯
			       
				 -请选择- 				 -请选择- 			
		      
		      
			       
爱好
			       
				篮球				足球				排球				羽毛球			
		      
		      
			       
邮箱
			       
		      
		      
			       
		      
	     
    
   

在火狐浏览器上的运行效果为：

1. 当form表单提交的时候，触发onsubmit事件；
2. 编写onsubmit事件触发的函数。

这样注册页面的核心代码就变成：

   
	
    
		     
      
			       
用户名
			       
		      
		      
			       
密码
			       
		      
		      
			       
确认密码
			       
		      
		      
			       
性别
			       
男女
		      
		      
			       
籍贯
			       
				 -请选择- 				 -请选择- 			
		      
		      
			       
爱好
			       
				篮球				足球				排球				羽毛球			
		      
		      
			       
邮箱
			       
		      
		      
			       
		      
	     
    
   

然后再编写onsubmit事件触发的函数——checkForm()，如下：

注意：JavaScript校验正则表达式有两个方法：

• 一个是String对象中的match方法，如：

  str.match("正则表达式");

• 一个是正则对象中的test方法，如：

  正则对象.test("字符串");

邮箱校验的正则表达式不用我们自己亲自编写，网上一搜一大把，多使用别人造好的轮子。完整代码可参考！

转载地址：https://liayun.blog.csdn.net/article/details/70834801 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！