注册表单验证常用js代码:用户名、密码、邮箱等字段验证

<script language="javascript">  

//验证是否为数字  
function IsDigit(cCheck)     
 {     
 return (('0'<=cCheck) && (cCheck<='9'));     
 }     

//验证是否为英文字母 
     
function IsAlpha(cCheck)     
 {     
 return ((('a'<=cCheck) && (cCheck<='z')) || (('A'<=cCheck) && (cCheck<='Z')))     
 }              
 //验证是否为空     
function IsaNull(cCheck)          
 {          
 return(cCheck != " ")         
 }     

//表单验证函数
function checkform()     
{ 
  //验证用户名是否为空
  username = document.form1.username.value;     
 if (username == "")     
  {     
  alert("请输入用户名");     
  document.form1.username.focus();     
  return false;     
  }    

验证:用户名必须为英文字母、数字以及_组成

for (nIndex=0; nIndex<username.length; nIndex++)     
  {     
  cCheck = username.charAt(nIndex);     
  if (!(IsDigit(cCheck) || IsAlpha(cCheck) || cCheck=='_' ))     
   {     
   alert("用户名只能使用字母、数字以及-、_和.,并且不能使用中文");     
   document.sform1.id.focus();     
   return false;     
   }     
  }  
  
      
 //验证密码字段是否为空
 password = document.form1.password.value;     
 if (password == "")     
  {     
  alert("请输入登陆密码");     
  document.form1.password.focus();     
  return false;     
  } 

//验证密码字段两次输入是否相同

 password1 = document.form1.password1.value;     
 if (password>password1)     
  {
     alert("重复密码与登陆密码不相同");     
  document.form1.password.focus();  
  document.form1.password1.focus();     
  return false;
  }  
if (password<password1)     
  {
     alert("重复密码与登陆密码不相同");     
  document.sform1.password.focus();  
  document.sform1.password1.focus();     
  return false;
  } 

//验证email字段是否为空

 if (document.form1.email.value == "")     
  {     
  alert("请输入您的E-MAIL地址");     
  document.form1.email.focus();     
  return false;     
  }      
 

//验证email字段输入是否合法
    
 email=document.form1.email.value;      
 emailerr=0     
 for (i=0; i<email.length; i++)     
  {     
  if ((email.charAt(i) == "@") & (email.length > 5))     
   {     
     emailerr=emailerr+1     
   }     
  }     
 if (emailerr != 1)     
  {     
  alert("请输入正确的E-MAIL地址");     
  document.form1.email.focus();     
  return false;     
  }           
  
 if (document.form1.checkask.value=="") 
  { 
   alert("密码提示问题不能为空");     
   document.form1.checkask.focus();     
   return false;  
  } 
 if (document.form1.checkans.value=="") 
  { 
   alert("您的密码提示问题答案不能为空"); 
   document.form1.checkans.focus();     
   return false;  
  }
 return true;     
     
} 
</script>

 

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/10098.html

(2)
江山如画的头像江山如画管理团队
上一篇 2021年11月30日 上午8:33
下一篇 2021年11月30日 上午8:42

99%的人还看了以下文章

  • css布局基础:定位练习1

    主要知识点: 1、5种常用定位:静态定位/相对定位/绝对定位/固定定位/吸附定位(磁铁定位) position:static/relative/absolute/fixed/sticky。 2、除静态定位外,都可以用left/top/bottom/right/z-index属性进行移动。 效果图: 效果说明:故宫文字段落设置背景色黑色透明,覆盖在图片底部。 …

    2020年4月4日
    6.5K0
  • 12款纯CSS3实现的优秀导航菜单(含源码下载)

    选12款纯CSS3实现的优秀面包屑导航,只提供在线演示的面包屑导航,你可以点击在线演示,在打开的Demo页面中,右键另存为网页,即可得到源码。

    2022年5月10日 网页制作
    9.2K0
  • 如何制作图片按钮,并为图片按钮添加提交表单和重置表单功能

    网页中有表单,表单的默认按钮样式不是很好看,很多人为了美观使用图片做按钮。 今天中国网页设计给大家分享在网页制作中怎么制作图片按钮,并为图片按钮添加提交表单和重置表单功能。 一、图片按钮的制作方法 1、<input type=”image” /> 定义图像形式的提交按钮。 <input type=”image” sr…

    2018年9月30日
    8.7K0
  • 第12课:页面布局(CSS)

    如何为页面实现理想的布局? 你可以使用级联样式表(Cascading Style Sheets,简称CSS)为网站设计页面布局。本课将对CSS作简单介绍。如需从头开始全面学习CSS知识,可以使用我们提供的CSS教程。因此,请将本课当作CSS的预备课。CSS是HTML的搭档。在编码过程中,它们发挥不同的作用:HTML负责网页的具体内容(结构),而CSS则修饰网…

    2018年1月19日
    8.5K0
  • 如何给网页中的表格table添加滚动条

    最近在写一个项目的时候输出的结果有点多table的宽度直接把页面撑变形了,就想到了给table加滚动条,接下来125建站网为大家介绍HTML给table添加滚动条的方法,有需要的小伙伴可以参考一下: 1、方法分析: 要给table添加滚动条其实很简单,我们首先把table放到一个div里面,然后再设置div显示滚动条即可。 2、html代码: <div…

    2023年3月9日
    2.4K0
  • css布局基础:定位综合练习

    主要知识点: 1、5种常用定位:静态定位/相对定位/绝对定位/固定定位/吸附定位(磁铁定位) position:static/relative/absolute/fixed/sticky。 2、除静态定位外,都可以用left/top/bottom/right/z-index属性进行移动。 整体效果图: 效果说明: 1、随着网页向下滚动,当导航到达窗口顶端(t…

    2020年4月4日
    7.1K0

发表回复

登录后才能评论