验证表单的js代码段
<script src="js/demo.js"></script>
按钮
<button type="button" class="button medium button-style1 align-btn-right" value="send" onclick="checkSubmit();">提交</button>
js文件内容:
- var b = new Boolean();
- b = false;
- var b2 = new Boolean();
- b2 = false;
- function checkSubmit(){
- var bbxm = document.getElementById("bbxm").value;
- var bbxb = document.getElementById("bbxb").value;
- var csrq = document.getElementById("csrq").value;
- if(bbxm != ''){
- if(bbxb != ''){
- if(csrq != ''){
- if(isIdCardNo()){
- document.form1.submit();
- }else{
- document.getElementById("identityid").focus();
- }
- }else{
- alert("请选择出生日期!");
- document.getElementById("csrq").focus();
- }
- }else{
- alert("请选择性别!");
- document.getElementById("bbxb").focus();
- }
- }else{
- alert("姓名不能为空!");
- document.getElementById("bbxm").focus();
- }
- }
- function isPassWord(passWord,passWordDemo){
- var passWord = document.getElementById(passWord).value;
- var passWordDemo = document.getElementById(passWordDemo).value;
- if(passWordDemo != passWord){
- document.getElementById('spantest2').innerText = "两次输入的密码不一致! ";
- b2 = false;
- return false;
- }else{
- document.getElementById('spantest2').innerText = "正确";
- b2 = true;
- return true;
- }
- }
- function isEmail(email) {
- var strEmail=document.getElementById(email).value;
- if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
- {
- document.getElementById('spantest').innerText = "邮箱格式正确";
- b = true;
- return true;
- }else{
- document.getElementById('spantest').innerText = "邮箱格式错误!";
- document.getElementById(email).focus();
- b = false;
- return false;
- }
- }
- function validatek(){
- }
- function isIdCardNo() {
- var tex = document.getElementById('identityid');
- var num = document.getElementById('identityid').value;
- if(num != ''){
- //alert("您输入的身份证号码是:\n" + num);
- num = num.toUpperCase();
- //身份证号码为15位或者18位,15位时全为数字,18位前17位为数字,最后一位是校验位,可能为数字或字符X。
- if (!(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(num)))
- {
- alert('输入的身份证号长度不对,或者号码不符合规定!\n身份证号码为15位时,应全为数字,\n身份证号码为18位时,末位可以为数字或X。');
- tex.focus();
- return false;
- }
- //校验位按照ISO 7064:1983.MOD 11-2的规定生成,X可以认为是数字10。
- //下面分别分析出生日期和校验位
- var len, re;
- len = num.length;
- //当身份证为15位时的验证出生日期。
- if (len == 15)
- {
- re = new RegExp(/^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/);
- var arrSplit = num.match(re);
- //检查生日日期是否正确
- var dtmBirth = new Date('19' + arrSplit[2] + '/' + arrSplit[3] + '/' + arrSplit[4]);
- var bGoodDay;
- bGoodDay = (dtmBirth.getYear() == Number(arrSplit[2])) && ((dtmBirth.getMonth() + 1) == Number(arrSplit[3])) && (dtmBirth.getDate() == Number(arrSplit[4]));
- if (!bGoodDay){
- alert('输入的15位身份证号里出生日期不对!');
- tex.focus();
- return false;
- }
- }
- //当身份证号为18位时,校验出生日期和校验位。
- if (len == 18)
- {
- var year = num.substr(6,4);
- //alert("year是:" + year);
- var nowDate = new Date();
- var nowYear = nowDate.getYear();
- if((nowYear - year) > 112){
- alert("依照输入的身份证出生日期截止到当前,不属于范围!");
- tex.focus();
- return false;
- }
- re = new RegExp(/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/);
- var arrSplit = num.match(re);
- //检查生日日期是否正确
- var dtmBirth = new Date(arrSplit[2] + "/" + arrSplit[3] + "/" + arrSplit[4]);
- var bGoodDay;
- bGoodDay = (dtmBirth.getFullYear() == Number(arrSplit[2])) && ((dtmBirth.getMonth() + 1) == Number(arrSplit[3])) && (dtmBirth.getDate() == Number(arrSplit[4]));
- if (!bGoodDay){
- //alert(dtmBirth.getYear());
- //alert(arrSplit[2]);
- alert('输入的18位身份证号里出生日期不对!');
- tex.focus();
- return false;
- }
- else{
- //检验18位身份证的校验码是否正确。
- //校验位按照ISO 7064:1983.MOD 11-2的规定生成,X可以认为是数字10。
- var valnum;
- var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
- var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
- var nTemp = 0, i;
- for(i = 0; i < 17; i ++){
- nTemp += num.substr(i, 1) * arrInt[i];
- }
- valnum = arrCh[nTemp % 11];
- if (valnum != num.substr(17, 1)){
- alert('18位身份证的最后一位校验码不正确!'); //应该为:' + valnum
- tex.value='';
- tex.focus();
- return false;
- }
- }
- }
- //验证地区是否有效
- 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:"国外 "}
- if(aCity[parseInt(num.substr(0,2))] == null){
- alert("输入的身份证号前两位地区不对!");
- tex.value='';
- tex.focus();
- return false;
- }
- return true;
- } else{
- return true;
- }
- }
验证表单的js代码段的更多相关文章
- js验证表单密码、用户名是否输入--JS的简单应用
在登录.注册时,我们经常会遇到下面这种情况,如果我们没有输入用户名.密码时,系统会弹出提示框.提示框信息提示内容是我们密码没有输入密码或者用户名等.那么这样的弹出框效果是如何实现的呢?文章标题既然与j ...
- jquery.validate.js 验证表单时,在IE当中未验证就直接提交的原因
jquery.validate.js 验证表单时,在IE当中未验证就直接提交的原因 今天利用了jquery.validate.js来验证表单,发现在火狐.谷歌浏览器当中都可以进行验证,但是在IE系列浏 ...
- js验证表单大全
js验证表单大全 1. 长度限制 <script> function test() { if(document.a.b.value.length>50) { alert(" ...
- JS高级---案例:验证表单
案例:验证表单 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U ...
- 响应式的账号登录界面模板完整代码,内置form表单和js控件
响应式的账号登录界面模板,内置form表单和js控件 <!DOCTYPE html> <html lang="en"><head><met ...
- tp框架之自动验证表单
tp框架的create自动加载表单的方法可以自动根据自己定义的要求来验证表单里面的内容,但是由于是在后台执行代码,会拖慢程序运行速度,所以还是建议通过前端js来进行判断,后台只进行数据库的查询以及传值 ...
- input 的 pattern 验证表单
pattern 用于定义验证输入正则表达式 pattern 属性适用于以下 <input> 类型:text, search, url, telephone, email 以及 passwo ...
- jquery.validate 使用--验证表单隐藏域
jQuery validate很不错的一个jQuery表单验证插件.升级到了1.9版的后,发现隐藏表单域验证全部失效,特别是在jquery.ui.tabs.min.js构造的Tabs里的验证. 是因为 ...
- ajax验证表单元素规范正确与否 ajax展示加载数据库数据 ajax三级联动
一.ajax验证表单元素规范正确与否 以用ajax来验证用户名是否被占用为例 1创建表单元素<input type="text" id="t"> 2 ...
随机推荐
- 前端高质量知识(五)-JS详细图解全方位解读this
在这之前,我们需要来回顾一下执行上下文. 在前面几篇文章中,我有好几个地方都提到执行上下文的生命周期,为了防止大家没有记住,再次来回顾一下,如下图. 执行上下文生命周期 在执行上下文的创建阶段,会分别 ...
- 2018.7.27 Json与Java相互转换
Json.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" page ...
- Hive 配置显示表头和数据库信息
在 conf/hive-site.xml 中添加如下配置 <property> <name>hive.cli.print.header</name> <val ...
- 用keytool制作证书并在tomcat配置https服务(三)
用keytool制作证书并在tomcat配置https服务(一) 用keytool制作证书并在tomcat配置https服务(二) 用keytool制作证书并在tomcat配置https服务(四) 模 ...
- 堆优化dijkstra
单源最短路径 题目链接:https://www.luogu.org/problemnew/show/P4779 直到做了这个题才发现我之前写的堆优化dijkstra一直是错的.. 这个堆优化其实很容易 ...
- JavaSE 面试题总结
一. JavaSE 4 1. 面向对象的特征有哪些方面 4 2. String是最基本的数据类型吗? 4 3. super()与this()的区别? 4 4. JAVA的事件委托机制和垃圾回收机制 4 ...
- Ubuntu 16.04安装docker(2018年最新)
参考https://blog.csdn.net/bingzhongdehuoyan/article/details/79411479 http://www.cnblogs.com/lighten/p/ ...
- NodeJS基础入门
1.前端最主流的JavaScript运行环境 1>Node.js是一个基于Chrome V8引擎的JavaScript运行环境. 2>Node.js使用了一个事件驱动.非阻塞式I/O的模型 ...
- 洛谷P1437 [HNOI2004]敲砖块(dp)
题目背景 无 题目描述 在一个凹槽中放置了 n 层砖块.最上面的一层有n 块砖,从上到下每层依次减少一块砖.每块砖 都有一个分值,敲掉这块砖就能得到相应的分值,如下图所示. 14 15 4 3 23 ...
- 使用Jmeter性能测试,读取csv文件时的乱码问题
读取csv参数乱码问题 发送请求时参数通过CSV文件读取,发送请求后显示错误,把获取的参数通过在线urlencode转码器转码后发现是乱码.打开csv设值,编码格式选择的是UTF-8,打开参数文件后发 ...