注册表单验证常用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%的人还看了以下文章

  • Marquee标签制作滚动公告、新闻列表

    效果演示 《Marquee标签实现跑马灯、滚动公告、通知效果》 Marquee标签制作滚动公告、新闻列表 <!doctype html> <html> <head> <meta charset=”utf-8″> <title>marquee实现的滚动公告|www.125jz.com</titl…

    2019年2月28日
    3.1K0
  • 第5课:文本

    文本的显示格式与式样对于网页设计师来说是一个重要问题。这一课将向你介绍CSS在文本布局方面令人激动的特性。本课将对下列CSS属性进行讲解: text-indent text-align text-decoration letter-spacing text-transform 文本缩进[text-indent] CSS属性text-indent用于为段落设置…

    2020年2月22日
    2.3K0
  • 响应式布局和自适应的区别

    客户端,PC、平板、手机,各种尺寸,要给电脑PC和手机分别设计不同的网页吗?要给每一个手机分别设计一个网页吗? 不需要,因为有了响应式布局。 响应式布局被大家熟知的一个重要原因就是Twitter开源了bootstrap。。 响应式布局和自适应的区别: 自适应是为了解决如何才能在不同大小的设备上呈现相同的网页。 手机的屏幕比较小,宽度通常在600像素以下,pc…

    2019年10月15日
    2.3K0
  • 第12课:页面布局(CSS)

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

    2018年1月19日
    2.5K0
  • 第10课:表格

    表格用来显示那些逻辑上以行和列显示的信息。 表格难学吗? 对于初学者来说,在HTML中创建表格似乎比较复杂,不过只要耐心细致地观察,你就会发现表格实际上与其它HTML元素相似,也具有严格的逻辑结构。 例1: <table> <tr><td>单元格1</td><td>单元格2</td>&l…

    2018年1月19日
    2.7K0
  • jquery全选和反选功能代码,兼容所有浏览器

    <!doctype html> <html> <head> <meta charset=”utf-8″> <title>jquery全选和反选功能代码,兼容所有浏览器|www.125jz.com</title> <script type=”text/javascript” src=…

    2019年11月1日
    2.1K0

发表回复

登录后才能评论