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

  • CSS3:Box-shadow 教程及实例-制作逼真的图片阴影效果

    box-shadow属性的基本用法 使用Box-shadow制作逼真的图片阴影效果 使用伪元素::before和::after,我们能实现非常逼真的只有图片才能实现的阴影效果。 HTML: <div class=”box11 shadow”></div> CSS: .box11 { width: 300px; height: 100p…

    2019年1月5日 网页制作
    4.1K0
  • 一句代码给图片加倒影-CSS3

    本文使用纯CSS代码给图片加倒影,CSS代码 : img { -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(250, 250, 250, 0.1))); } 效果如下图所示: 完整代码: &lt…

    2019年8月18日
    2.4K0
  • 解决网页中img图片出现多余空白的方案

    网页制作中,不管是table还是DIV+CSS排版时,会遇到浏览器中的图片元素img下出现多余空白的问题,非常常见,如何解决? <table class=”w1024″ border=”0″ cellspacing=”0″ cellpadding=”0″> <tr> <td colspan=”3″> <img src…

    2020年4月16日
    4.3K0
  • 第7课:HTML标签的属性

    许多元素都可以设置属性。 属性是什么? HTML通过标签告诉浏览器如何展示网页(比如告诉浏览器显示一个换行)。你可以为某些元素附加一些信息,这些附加信息被称为属性(attribute)。例1: <h2 style=”background-color: #ff0000;”>上125jz.com学网页制作</h2> 属性应写在元素的首标签…

    2018年1月20日
    2.7K0
  • css布局基础:浮动和清除浮动练习2

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

    2020年4月4日
    2.0K0
  • vue学习v-on:click绑定HTML的单击事件

    v-on:click缩写为@click <!DOCTYPE html> <html> <head> <meta charset=”utf-8″ /> <title>125jz.com-vue</title> <script src=”js/vue.js” type=”text/ja…

    2020年6月14日
    3.1K0

发表回复

登录后才能评论