JS常用功能
转载自:http://blog.csdn.net/kalision/article/details/12516103
引用js文件:

<script src="js/demo.js"></script>

按钮

<button type="button" class="button medium button-style1 align-btn-right" value="send" onclick="checkSubmit();">提交</button>

js文件内容:

  1. var b = new Boolean();
  2. b = false;
  3. var b2 = new Boolean();
  4. b2 = false;
  5. function checkSubmit(){
  6. var bbxm = document.getElementById("bbxm").value;
  7. var bbxb = document.getElementById("bbxb").value;
  8. var csrq = document.getElementById("csrq").value;
  9. if(bbxm != ''){
  10. if(bbxb != ''){
  11. if(csrq != ''){
  12. if(isIdCardNo()){
  13. document.form1.submit();
  14. }else{
  15. document.getElementById("identityid").focus();
  16. }
  17. }else{
  18. alert("请选择出生日期!");
  19. document.getElementById("csrq").focus();
  20. }
  21. }else{
  22. alert("请选择性别!");
  23. document.getElementById("bbxb").focus();
  24. }
  25. }else{
  26. alert("姓名不能为空!");
  27. document.getElementById("bbxm").focus();
  28. }
  29. }
  30. function isPassWord(passWord,passWordDemo){
  31. var passWord = document.getElementById(passWord).value;
  32. var passWordDemo = document.getElementById(passWordDemo).value;
  33. if(passWordDemo != passWord){
  34. document.getElementById('spantest2').innerText = "两次输入的密码不一致! ";
  35. b2 = false;
  36. return false;
  37. }else{
  38. document.getElementById('spantest2').innerText = "正确";
  39. b2 = true;
  40. return true;
  41. }
  42. }
  43. function isEmail(email) {
  44. var strEmail=document.getElementById(email).value;
  45. if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
  46. {
  47. document.getElementById('spantest').innerText = "邮箱格式正确";
  48. b = true;
  49. return true;
  50. }else{
  51. document.getElementById('spantest').innerText = "邮箱格式错误!";
  52. document.getElementById(email).focus();
  53. b = false;
  54. return false;
  55. }
  56. }
  57. function validatek(){
  58. }
  59. function isIdCardNo() {
  60. var tex = document.getElementById('identityid');
  61. var num = document.getElementById('identityid').value;
  62. if(num != ''){
  63. //alert("您输入的身份证号码是:\n" + num);
  64. num = num.toUpperCase();
  65. //身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X。
  66. if (!(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(num)))
  67. {
  68. alert('输入的身份证号长度不对,或者号码不符合规定!\n身份证号码为15位时,应全为数字,\n身份证号码为18位时,末位可以为数字或X。');
  69. tex.focus();
  70. return false;
  71. }
  72. //校验位按照ISO 7064:1983.MOD 11-2的规定生成,X可以认为是数字10。
  73. //下面分别分析出生日期和校验位
  74. var len, re;
  75. len = num.length;
  76. //当身份证为15位时的验证出生日期。
  77. if (len == 15)
  78. {
  79. re = new RegExp(/^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/);
  80. var arrSplit = num.match(re);
  81. //检查生日日期是否正确
  82. var dtmBirth = new Date('19' + arrSplit[2] + '/' + arrSplit[3] + '/' + arrSplit[4]);
  83. var bGoodDay;
  84. bGoodDay = (dtmBirth.getYear() == Number(arrSplit[2])) && ((dtmBirth.getMonth() + 1) == Number(arrSplit[3])) && (dtmBirth.getDate() == Number(arrSplit[4]));
  85. if (!bGoodDay){
  86. alert('输入的15位身份证号里出生日期不对!');
  87. tex.focus();
  88. return false;
  89. }
  90. }
  91. //当身份证号为18位时,校验出生日期和校验位。
  92. if (len == 18)
  93. {
  94. var year = num.substr(6,4);
  95. //alert("year是:" + year);
  96. var nowDate = new Date();
  97. var nowYear = nowDate.getYear();
  98. if((nowYear - year) > 112){
  99. alert("依照输入的身份证出生日期截止到当前,不属于范围!");
  100. tex.focus();
  101. return false;
  102. }
  103. re = new RegExp(/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/);
  104. var arrSplit = num.match(re);
  105. //检查生日日期是否正确
  106. var dtmBirth = new Date(arrSplit[2] + "/" + arrSplit[3] + "/" + arrSplit[4]);
  107. var bGoodDay;
  108. bGoodDay = (dtmBirth.getFullYear() == Number(arrSplit[2])) && ((dtmBirth.getMonth() + 1) == Number(arrSplit[3])) && (dtmBirth.getDate() == Number(arrSplit[4]));
  109. if (!bGoodDay){
  110. //alert(dtmBirth.getYear());
  111. //alert(arrSplit[2]);
  112. alert('输入的18位身份证号里出生日期不对!');
  113. tex.focus();
  114. return false;
  115. }
  116. else{
  117. //检验18位身份证的校验码是否正确。
  118. //校验位按照ISO 7064:1983.MOD 11-2的规定生成,X可以认为是数字10。
  119. var valnum;
  120. var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
  121. var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
  122. var nTemp = 0, i;
  123. for(i = 0; i < 17; i ++){
  124. nTemp += num.substr(i, 1) * arrInt[i];
  125. }
  126. valnum = arrCh[nTemp % 11];
  127. if (valnum != num.substr(17, 1)){
  128. alert('18位身份证的最后一位校验码不正确!'); //应该为:' + valnum
  129. tex.value='';
  130. tex.focus();
  131. return false;
  132. }
  133. }
  134. }
  135. //验证地区是否有效
  136. var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"山东",41:"河南",42:"湖北 ",43:"湖南",44:"广东",45:"广西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"甘肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"香港",82:"澳门",91:"国外 "}
  137. if(aCity[parseInt(num.substr(0,2))] == null){
  138. alert("输入的身份证号前两位地区不对!");
  139. tex.value='';
  140. tex.focus();
  141. return false;
  142. }
  143. return true;
  144. } else{
  145. return true;
  146. }
  147. }

验证表单的js代码段的更多相关文章

  1. js验证表单密码、用户名是否输入--JS的简单应用

    在登录.注册时,我们经常会遇到下面这种情况,如果我们没有输入用户名.密码时,系统会弹出提示框.提示框信息提示内容是我们密码没有输入密码或者用户名等.那么这样的弹出框效果是如何实现的呢?文章标题既然与j ...

  2. jquery.validate.js 验证表单时,在IE当中未验证就直接提交的原因

    jquery.validate.js 验证表单时,在IE当中未验证就直接提交的原因 今天利用了jquery.validate.js来验证表单,发现在火狐.谷歌浏览器当中都可以进行验证,但是在IE系列浏 ...

  3. js验证表单大全

    js验证表单大全 1. 长度限制 <script> function test() { if(document.a.b.value.length>50) { alert(" ...

  4. JS高级---案例:验证表单

    案例:验证表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U ...

  5. 响应式的账号登录界面模板完整代码,内置form表单和js控件

    响应式的账号登录界面模板,内置form表单和js控件 <!DOCTYPE html> <html lang="en"><head><met ...

  6. tp框架之自动验证表单

    tp框架的create自动加载表单的方法可以自动根据自己定义的要求来验证表单里面的内容,但是由于是在后台执行代码,会拖慢程序运行速度,所以还是建议通过前端js来进行判断,后台只进行数据库的查询以及传值 ...

  7. input 的 pattern 验证表单

    pattern 用于定义验证输入正则表达式 pattern 属性适用于以下 <input> 类型:text, search, url, telephone, email 以及 passwo ...

  8. jquery.validate 使用--验证表单隐藏域

    jQuery validate很不错的一个jQuery表单验证插件.升级到了1.9版的后,发现隐藏表单域验证全部失效,特别是在jquery.ui.tabs.min.js构造的Tabs里的验证. 是因为 ...

  9. ajax验证表单元素规范正确与否 ajax展示加载数据库数据 ajax三级联动

    一.ajax验证表单元素规范正确与否 以用ajax来验证用户名是否被占用为例 1创建表单元素<input type="text" id="t"> 2 ...

随机推荐

  1. python 面向对象(三)--继承和多态

    在OOP程序设计中,当我们定义一个class的时候,可以从某个现有的class继承,新的class称为子类(Subclass),而被继承的class称为基类.父类或超类(Base class.Supe ...

  2. 2017.9.18 HTMl学习总结----input标签的额type

    2.1.3  HTML表单标签与表单设计 (1)表单的组成:文本框(text),密码框(password),多行文本框(Multiline text box).  单选按钮框(Single - rad ...

  3. Entity Framework 连接 mysql 。(code first模式)

    准备工作 1.下载vs2015 2.下载mysql2017 3.安装 1.创建类库 . 2.打开Nuget包,下载最新版的entity framewor. 3.在引用中添加 mysql.data; m ...

  4. CUDA中多维数组以及多维纹理内存的使用

    纹理存储器(texture memory)是一种只读存储器,由GPU用于纹理渲染的图形专用单元发展而来,因此也提供了一些特殊功能.纹理存储器中的数据位于显存,但可以通过纹理缓存加速读取.在纹理存储器中 ...

  5. 在什么情况下采用BFC

    介绍BFC的博文有很多,下面,我就从另一个角度解释一下“在什么情况下会使用BFC” 以下仅代表我的个人看法,如果有错误的地方,还希望大家能告诉我,以免我在错误的道路上越走越远. 一.BFC是什么 Bl ...

  6. SqlServer中怎么删除重复的记录(表中没有id)

    SqlServer中怎么删除重复的记录(表中没有id) 其实我在别的网址也查到过删除重复的记录,不知道我是我SqlServer2012版本太低还是啥原因 delete from scwhere (c# ...

  7. 洛谷P1437 [HNOI2004]敲砖块(dp)

    题目背景 无 题目描述 在一个凹槽中放置了 n 层砖块.最上面的一层有n 块砖,从上到下每层依次减少一块砖.每块砖 都有一个分值,敲掉这块砖就能得到相应的分值,如下图所示. 14 15 4 3 23 ...

  8. python基础数据类型之字典的操作

    一. 字典的简单介绍字典(dict)是python中唯一的一个映射类型.他是以{ }括起来的键值对组成. 在dict中key是唯一的. 在保存的时候, 根据key来计算出一个内存地址. 然后将key- ...

  9. 前端之jquery函数库

    jquery介绍 jQuery是目前使用最广泛的javascript函数库.据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库.微软公司甚至把jQuery作为他们的官方库. ...

  10. docker基础——关于安装、常用指令以及镜像制作初体验

    为什么使用docker docker就是一个轻量级的虚拟机,他解决的是服务迁移部署的时候环境配置问题.比如常见的web服务依赖于jdk.Tomcat.数据库等工具,迁移项目就需要在新的机器重新配置这些 ...