使用JavaScript进行表单验证

最新推荐文章于 2023-04-18 14:59:16 发布

#清词#

最新推荐文章于 2023-04-18 14:59:16 发布

阅读量1.7k

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/qq_54998648/article/details/122283937

版权

在客户端提交数据时，JavaScript表单验证能减轻服务器压力、确保提交数据的准确性与完整性，所以表单验证是有必要的。
一般地，如果客户端提交的数据不完整(不准确)，表单验证会进行弹框提示或者高亮提示标签。
常见的表单验证有：
1.非空验证(例如：用户名和密码必填)
2.正则验证(例如：正确的邮箱格式)
3.其他验证(例如：两次输入的密码需一致、性别必须单选、爱好必须选择指定数目)

<!DOCTYPE html>
<html>	
<head>		
<meta charset="UTF-8">		
<title>使用JavaScript进行表单验证</title>	
<script>			
/*脚本对象化：将需要验证的方法构成集合*/	
function Check()
{
    	
/*非空验证*/		
this.chekNotNull=function(id)		
  {
    	
      var obj=document.getElementById(id);/*通过传递的参数id获得目标对象*/			
   if(obj.value!='')/*如果验证对象的值不为空*/					
   {
    						
    return true;					
   }					
   else					
   {
    						
    return false;				
   }			
}				
/*正则验证*/
this.checkEmail=function(id)	
{
    
  var obj=document.getElementById(id);/*通过传递的参数id获得目标对象*/					var reg=/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;/*邮箱正则表达式*/				
   if(reg.test(obj.value))/*如果对象的值符合正则表达式*/					
   {
    						
    return true;					
   }					
   else					
   {
    						
    return false;					
   }				
}				
/*性别必选*/
this.checkSex=function(name)
{
    
  var obj=document.getElementsByName(name);/*通过传递的参数name获得目标对象*/		
  for(var i=0;i<obj.length;i++)/*遍历单选按钮*/
 {
          
   if(obj[i].checked)/*如果有

最低0.47元/天解锁文章

#清词#

关注

0
点赞
踩
15

收藏

觉得还不错? 一键收藏
0
评论
使用JavaScript进行表单验证

在客户端提交数据时，JavaScript表单验证能减轻服务器压力、确保提交数据的准确性与完整性，所以表单验证是有必要的。一般地，如果客户端提交的数据不完整(不准确)，表单验证会进行弹框提示或者高亮提示标签。常见的表单验证有：1.非空验证(例如：用户名和密码必填)2.正则验证(例如：正确的邮箱格式)3.其他验证(例如：两次输入的密码需一致、性别必须单选、爱好必须选择指定数目)<!DOCTYPE html><html> <head> <meta ch
复制链接

扫一扫