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

  • 第15课:最后提示

    祝贺!你已经进入最后一课了! 我已经学到全部知识了? 如果你已经学完以上教程,恭喜你,你已经学到了很多关于HTML的知识,并且完全有能力创建自己的网站!不过,你所学到的只是基础知识,还有许多内容需要掌握。但是你已经为进一步学习打下了坚实的基础。 在最后这一课中,我们将给予一些最后提示: 首先,在HTML文档中,应保持正确的顺序与结构。令你的HTML文档具有良…

    2018年1月18日
    2.4K0
  • 跟永哥学HTML5(6)H5语义化标记使用示例

    介绍了HTML5中新增的语义化标记article section aside hgroup header footer nav time mark figure figcaption,对各个标记给出解释和应用示例。

    2020年2月12日
    2.5K0
  • 会移动的文字 marquee标签(入门到高级)

    会移动的文字(Marquee) 基本语法 <marquee> … </marquee> <marquee> 啦啦啦,我会移动耶! </marquee> 文字移动属性的设置 方向 <direction=#> #=left, right <marquee direction=left&…

    2018年7月30日
    3.8K0
  • CSS制作简洁的栏目/标题样式

    CSS制作简洁的栏目/标题样式 HTML: <h2><strong>栏目名称</strong></h2> <h2><strong class=”blue”>网页设计</strong></h2> <h2><strong>网站制作</st…

    2019年1月5日
    7.9K0
  • 太赞了!推荐2个多彩渐变配色网站

    1、根据心情和情绪生成的渐变色 https://gradienmood.posandu.me/ 色彩是拥有情绪的,但是有情绪的色彩有不一定仅仅只有一种颜色。这个名为 Gradien Mood 的渐变色网站会将不同感觉和渐变色搜集起来,其中有的渐变色甚至拥有极为复杂的情绪,而你需要做的,就是输入你想传递的情绪,然后就能搜到相关的情绪和色彩,包括渐变的 CSS …

    2023年1月18日
    2.2K0
  • CSS 实现水平、垂直居中布局代码大全

    CSS实现水平居中 若是行内元素,则直接给其父元素设置text-align: center即可 若是块级元素,则直接给该元素设置margin: 0 auto即可 若子元素包含浮动元素,则给父元素设置width:fit-content并且配合margin .parent { width: -webkit-fit-content; width: -moz-fit…

    2019年11月26日
    3.5K0

发表回复

登录后才能评论