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

  • 第12课:高度和宽度

    到目前为止,我们还没有在元素尺寸方面给予关注。在这一课,我们将看到为元素定义高度和宽度是十分简单的。 设定宽度[width] 设定高度[height] 设定宽度[width] 你可以通过width属性来设定一个元素的宽度,即在水平方向上的尺寸。 下面是一个简单的例子,它为我们提供了一个可以容纳文本的盒子: div.box {width: 200px;bord…

    2020年2月25日
    2.6K0
  • Marquee标签制作滚动公告、新闻列表

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

    2019年2月28日
    4.9K0
  • css布局基础:浮动和清除浮动练习1

    主要知识点: 1、浮动:让元素脱离标准流,从而实现灵活的布局效果。 2、浮动只能左右,不能上下。float:left/right/none。 3、子元素浮动会造成父元素高度塌陷,清除浮动的3种方法: 方法1:通过overflow属性 方法2:通过clear属性 方法3:通过伪元素选择器(推荐) 效果图: 参考: <!DOCTYPE html> &…

    2020年4月4日
    3.7K0
  • CSS的浮动及清除浮动的5种方法

    css属性float:left/right/none 左浮动/右浮动/不浮动(默认),文章介绍了清除浮动的5种方法,并指出其实现原理、优缺点和使用建议。

    2019年11月5日
    3.8K0
  • CSS3 transform:rotate()制作旋转图片

    在《CSS3 transition transform属性及实例详解》中我们实现了:鼠标放到图片上,图片等比例放大的效果,今天分享transform:rotate()制作旋转图片。 CSS3中的transform:rotate()可以实现旋转功能,可以在CSS里面设定旋转的角度,也可以设定旋转用多少时间来完成。 旋转图片HTML代码 <img src=…

    2019年1月29日
    7.9K1
  • js验证表单验证,包括用户名、密码、确认密码等,用户注册页面实例

      本文是js验证表单输入的入门级教程,要求你会基础的HTML,JS知识。 页面HTML 表单代码: <form action=”” method=”post” enctype=”multipart/form-data” name=”reg_form”> <div class=”info_input”> <div cl…

    2019年9月5日
    7.1K0

发表回复

登录后才能评论