用javascript写的表单验证-阿里云开发者社区

开发者社区> 科技小先锋> 正文

用javascript写的表单验证

简介:
+关注继续查看

用javascript写的表单验证,可以用网站的前后台的登陆,大家可以给提点意见。这是以前做项目的时候写的

 


  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 
  2. <html> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5. <title>验证表单</title> 
  6. <script language="JavaScript"> 
  7. function check(){  
  8. var user = document.getElementById("username").value;  
  9. var pass = document.getElementById("pass").value;  
  10. var rpass = document.getElementById("rpass").value;  
  11. var cardnum = document.getElementById("cardnum").value;  
  12. var email = document.getElementById("email").value;  
  13.  
  14. //用户名只能由字母、数字、下划线组成,其它字符一律过滤,这样也确保了安全性,  
  15. //正则表达式的意思是,当输入0-9、a-z、A-Z、_以外的任何一个或者多个字符时则提示错误  
  16. if (user.match("([^a-zA-Z0-9_]+)") != null || user.length < 3 || user.length > 15) {  
  17. alert("您输入的用户名应由字母数字下划线组成,长度在3~15位之间!");  
  18. return false;  
  19. }  
  20. else   
  21. if ((pass.length > 20 || pass.length < 6) || (pass == user)) {  
  22. alert("您的密码长度过短或者密码与姓名相同,请重新输入!");  
  23. return false;  
  24. }  
  25. else   
  26. if (pass != rpass) {  
  27. alert("您两次输入的密码不一致!");  
  28. return false;  
  29. }  
  30. else   
  31. //身份证号用于匹配两种模式,一种是15位的,一种是18位的  
  32. //这个正则表达式分三部分:第一位必须为1,最后一位可以是x、X、0-9中的任意一位  
  33. //中间一块是指匹配13或者16位数字  
  34. if (cardnum.match("1\\d{16}[0-9xX]+|1\\d{13}[0-9xX]+") == null) {  
  35. alert("您的身份证号码不正确,请重新输入!");  
  36. return false;  
  37. }  
  38. else   
  39. //正则表达式匹配a-zA-Z0-9_中的一位或者多位,而且必须要有@.这是一个email必须的  
  40. if (email.match("[a-zA-Z0-9_]*@.") == null) {  
  41. alert("您输入的E-Mail不正确,请重新输入!");  
  42. return false;  
  43. }  
  44. else {  
  45. alert("登陆成功!");  
  46. }  
  47. }  
  48. </script> 
  49. </head> 
  50. <body> 
  51. <form action="ff.html" method="get" onsubmit="return check();"> 
  52. 用户名:<input id="username" type="text" name="username"/><p/>密 码: <input id="pass" type="password" name="password"/><p/>重新输入密码:<input id="rpass" type="password"/><p/>身份证号码:<input id="cardnum" type="text"/><p/>E-Mail:<input id="email" type="text"/> 
  53. <br/> 
  54. <br/> 
  55. <input type="submit" value="提交" /><input type="reset" value="重置"/> 
  56. </form> 
  57. </body> 
  58. </html> 

 


本文转自sucre03 51CTO博客,原文链接:http://blog.51cto.com/sucre/380692,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
7238 0
阿里云服务器ECS远程登录用户名密码查询方法
阿里云服务器ECS远程连接登录输入用户名和密码,阿里云没有默认密码,如果购买时没设置需要先重置实例密码,Windows用户名是administrator,Linux账号是root,阿小云来详细说下阿里云服务器远程登录连接用户名和密码查询方法
9501 0
使用SSH远程登录阿里云ECS服务器
远程连接服务器以及配置环境
2115 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
8919 0
使用OpenApi弹性释放和设置云服务器ECS释放
云服务器ECS的一个重要特性就是按需创建资源。您可以在业务高峰期按需弹性的自定义规则进行资源创建,在完成业务计算的时候释放资源。本篇将提供几个Tips帮助您更加容易和自动化的完成云服务器的释放和弹性设置。
11017 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
10521 0
腾讯云服务器 设置ngxin + fastdfs +tomcat 开机自启动
在tomcat中新建一个可以启动的 .sh 脚本文件 /usr/local/tomcat7/bin/ export JAVA_HOME=/usr/local/java/jdk7 export PATH=$JAVA_HOME/bin/:$PATH export CLASSPATH=.
4446 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,云吞铺子总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系统盘、创建快照、配置安全组等操作如何登录ECS云服务器控制台? 1、先登录到阿里云ECS服务器控制台 2、点击顶部的“控制台” 3、通过左侧栏,切换到“云服务器ECS”即可,如下图所示 通过ECS控制台的远程连接来登录到云服务器 阿里云ECS云服务器自带远程连接功能,使用该功能可以登录到云服务器,简单且方便,如下图:点击“远程连接”,第一次连接会自动生成6位数字密码,输入密码即可登录到云服务器上。
20957 0
6967
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《Nacos架构&原理》
立即下载
《看见新力量:二》电子书
立即下载
云上自动化运维(CloudOps)白皮书
立即下载