Javascript中常见的校验如域名、手机、邮箱等等

代码如下:

<script type="text/javascript">
//验证一般域名校验
function checkNetURL(){
var netURL = document.getElementById("netURL");
//验证一般的域名 比如说 www.baidu.com
var regStr="^([a-zA-Z0-9-]+\\.){1,}(com|net|edu|miz|biz|cn|cc)$";
var re=new RegExp(regStr); //创建正则表达式对象
//var re=/^([a-zA-Z0-9-]+\\.){1,}(com|net|edu|miz|biz|cn|cc)$/;
if(!re.exec(netURL.value)){ //验证输入的字符串是否符合规则
alert("您输入的网站URL地址有误!正确格式如 mail.brookes.com");
netURL.focus();
return;
}
}
//手机校验
function iphoneRegExp(){
var iphone= document.getElementById("iphone").value;
var regStr="^((13[0-9])|(14[0-9])|(15[^4,\\D])|(18[0-9]))\\d{8}$";
var re=new RegExp(regStr);
if(!re.test(iphone)){
alert("规格错误,正确格式如152636363**(或以13,14,18开头的手机号码)");
}
}
//邮箱校验 (还有点bug)
/*function emailRegExp(){
var email= document.getElementById("email").value;
var regStr="^([a-zA-Z0-9\u4E00-\u9FA5]*[-_]?[a-zA-Z0-9]){1,}+@([a-zA-Z0-9]*[-_]?[a-zA-Z0-9]+)+[\\.][A-Za-z]{2,3}([\\.][A-Za-z]{2})?$";
var re=new RegExp(regStr);
if(!re.test(email)){
alert("规格错误,正确格式如152636363**(或以13,14,18开头的手机号码)");
//iphone.focus();
}
}*/
//身份证校验
function cardRegExp(){
var card= document.getElementById("card").value;
var regStr="(^\\d{15}$)|(^\\d{18}$)|(^\\d{17}(\\d|X|x)$)";
var re=new RegExp(regStr);
if(!re.test(card)){
alert("输入不合法,正确格式为:4101821897020356**");
}
}
//港澳省份证
function gangAocardRegExp(){
var card= document.getElementById("card").value;
var regStr="[A-Z]{1,2}[0-9]{6}[(]{1}[A-Z0-9]{1}[)]{1}";
var re=new RegExp(regStr);
if(!re.test(card)){
alert("港澳居民身份证输入不合法!正确格式如:A15263*(E)");
}
}
//残疾证
function canJicardRegExp(){
var card= document.getElementById("card").value;
var regStr="(^\\d{22}$)|(^\\d{20}$)";
var re=new RegExp(regStr);
if(!re.test(card)){
alert("残疾证输入不合法!");
}
}
//邮政编码
function postCardRegExp(){
var postCard= document.getElementById("postCard").value;
var regStr="^[0-9]{6}$";
var re=new RegExp(regStr);
if(!re.test(postCard)){
alert("输入不合法!正确格式如4500!");
}
}
//传真与固定电话校验
function telRegExp(){
var tel= document.getElementById("tel").value;
var regStr="((^\\d{11}$)|(^\\d{12}$))|(^\\d{3}-\\d{8}$)|(^\\d{4}-\\d{7}$)|(^\\d{4}-\\d{8}$)";
var re=new RegExp(regStr);
if(!re.test(tel)){
alert("书写格式错误!正确格式如 0511-44052** 或 021-878888**");
}
}
//用户名校验,规则如下:
//匹配帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线
function userNameRegExp(){
var userName= document.getElementById("userName").value;
var regStr="^[a-zA-Z][a-zA-Z0-9_]{3,15}$";
var re=new RegExp(regStr);
if(!re.test(userName)){
alert("必须以字母开头,后面跟4-15位数字,字母或下划线!");
}
}
//校验整数
function numRegExp(){
var num= document.getElementById("num").value;
var regStr="^[0-9]*[1-9][0-9]*$";
var re=new RegExp(regStr);
if(!re.test(num)){
alert("填写格式错误,正确格式如:8080");
}
}
//校验小数 或者整数
function numFontRegExp(){
var num= document.getElementById("num").value;
var regStr="^(([0]{1,})|([0-9]{1,})[.]{1}[0-9]{1,})|[0-9]{1,}$";
var re=new RegExp(regStr);
if(!re.test(num)){
alert("填写格式错误,正确格式为12.3");
}
}
//验证特殊字符^[^%$&@]{1,}$
function strRegExp(){
var str= document.getElementById("str").value;
var regStr="^[^%$&@]{1,}$";
var re=new RegExp(regStr);
if(!re.test(str)){
alert("不能包含特殊字符");
}
}
//验证真实姓名
function nameRegExp(){
var name= document.getElementById("name").value;
var regStr="((^[a-zA-Z]{1}([a-zA-Z_]){2,20})|(^[\u4E00-\u9FA5]{1}+[a-zA-Z0-9\u4E00-\u9FA5]{1,14}))$";
var re=new RegExp(regStr);
if(!re.test(name)){
alert("应为2-15个汉字或3-21个英文字母");
}
}
////验证护照
function huzhoaRegExp(){
var huzhao= document.getElementById("huzhao").value;
var regStr="^((14)|(15)[0-9]{7})|(G|S|D[0-9]{8})|((P.)|(S.)[0-9]{7})$";
var re=new RegExp(regStr);
if(!re.test(huzhao)){
alert("护照输入不合法,正确格式如:G00106556");
}
}
//军官证
function junGuanRegExp(){
var junguan= document.getElementById("junguan").value;
var regStr="^[\u4E00-\u9FA5]{1}\\d{7}$";
var re=new RegExp(regStr);
if(!re.test(junguan)){
alert("输入不合法!正确格式如:海6042**");
}
}
//文职干部校验
function junGuanRegExp(){
var wenzhi= document.getElementById("wenzhi").value;
var regStr="^[\u4E00-\u9FA5]{1}文\\d{4,12}$";
var re=new RegExp(regStr);
if(!re.test(wenzhi)){
alert("文职干部证输入不合法!正确格式如:广文0816**");
}
}
//士兵证
function shiBingRegExp(){
var shibing= document.getElementById("shibing").value;
var regStr="^[\u4E00-\u9FA5]{1,3}\\d{4,12}$";
var re=new RegExp(regStr);
if(!re.test(shibing)){
alert("士兵证输入不合法!正确格式如:鄂176340**");
}
}
//手机和固定电话校验
function iphoneTelRegExp(){
var iphoneTel= document.getElementById("iphoneTel").value;
var regStr="(((^\\d{11}$)|(^\\d{12}$))|(^\\d{3}-\\d{8}$)|(^\\d{4}-\\d{7}$)|(^\\d{4}-\\d{8}$))|(^((13[0-9])|(14[0-9])|(15[^4,\\D])|(18[0-9]))\\d{8}$)$";
var re=new RegExp(regStr);
if(!re.test(iphoneTel)){
alert("电话号码书写错误,不符合电话号码规格(如 0511-4405xxx 或 15236565xxx),请重新填写");
}
}
</script>

(0)

相关推荐

  • JavaScript实现信用卡校验方法

    本文实例讲述了JavaScript实现信用卡校验方法.分享给大家供大家参考.具体分析如下: 这里JavaScript版的信用卡校验代码,采用了Luhn算法 function isValidCreditCard(type, ccnum) { if (type == "Visa") { // Visa: length 16, prefix 4, dashes optional. var re = /^4\d{3}-?\d{4}-?\d{4}-?\d{4}$/; } else if (typ

  • javascript将异步校验表单改写为同步表单

    同步表单校验的缺点 响应错误信息时,需要重新加载整个页面(虽然有缓存,客户端仍然需要通过http协议对比每个文件是否有更新,以保持文件最新) 服务器响应错误以后,用户之前所输入的信息全部丢失了,用户需要从头开始填写(部分浏览器帮我们缓存了这些数据) 异步校验表单的初衷 提升用户体验 最大化减少网络请求,减轻服务器压力 下面我们看一个常见的异步表单校验(校验工号在后台是否存在,存在为有效工号) 校验工号 复制代码 代码如下: var BASE_PATH = '${rc.contextPath}';

  • JavaScript判断文件上传类型的方法

    本文实例展示了JavaScript判断文件上传类型的方法,是一个非常常用的技巧.具体实现方法如下: 文件上传时用到一个功能,使用html元素的input标签实现: <input id="imageFile" name="imageFile1" accept="image/jpg,image/jpeg,image/png,image/bmp,image/gif" type="file" title="点击选择文件

  • javascript仿163网盘无刷新文件上传系统

    本来觉得这个系统会很复杂,但把每个部分都分析清楚后,其实需要的技术并不高.不过当我把各个功能函数都整理好准备进行封装时,却发现要把程序封装不是那么容易,因为程序跟html的耦合度太高.然后我逐步把程序中操作html相关的部分分离出来,首先把简单的分离,接着是文件列表,然后是file控件,最后是一些提示性程序.经过几次尝试才把整个结构封装好. 仿163网盘无刷新文件上传系统 .fu_list { width:600px; background:#ebebeb; font-size:12px; }

  • javascript实现校验文件上传控件实例

    本文实例讲述了javascript实现校验文件上传控件.分享给大家供大家参考.具体如下: 该javascript校验文件上传控件代码可检测上传文件的类型是否是图片 <script language="javascript"> function Checkfiles() { var fup = document.getElementById('logo1'); var fileName = fup.value; var ext = fileName.substring(fil

  • PHP中使用Session配合Javascript实现文件上传进度条功能

    Web应用中常需要提供文件上传的功能.典型的场景包括用户头像上传.相册图片上传等.当需要上传的文件比较大的时候,提供一个显示上传进度的进度条就很有必要了. 在PHP 5.4以前,实现这样的进度条并不容易,主要有三种方法: 1.使用Flash, Java, ActiveX 2.使用PHP的APC扩展 3.使用HTML5的File API 第一种方法依赖第三方的浏览器插件,通用性不足,且易带来安全隐患.不过由于Flash的使用比较广泛,因此还是有很多网站使用Flash作为解决方案. 第二种方法的不足

  • javascript校验价格合法性实例(必须输入2位小数)

    HTML代码: 复制代码 代码如下: 请输入价格:<input type="text" id="txtProPrice" /><input type="button" value="验证输入" id="btnTest" /> JS代码: 复制代码 代码如下: <script src="jquery.js"></script><scri

  • Javascript中常见的校验如域名、手机、邮箱等等

    复制代码 代码如下: <script type="text/javascript"> //验证一般域名校验 function checkNetURL(){ var netURL = document.getElementById("netURL"); //验证一般的域名 比如说 www.baidu.com var regStr="^([a-zA-Z0-9-]+\\.){1,}(com|net|edu|miz|biz|cn|cc)$";

  • 简单了解JavaScript中常见的反模式

    前言 反模式 是指对反复出现的设计问题的常见的无力而低效的设计模式,俗话说就是重蹈覆辙. 这篇文章描述了 JavaScript 中常见的一些反模式,以及避免它们的办法. 硬编码 硬编码(Hard-Coding)的字符串.数字.日期-- 所有能写死的东西都会被人写死. 这是一个妇孺皆知的反模式,同时也是最广泛使用的反模式. 硬编码中最为典型的大概是 平台相关代码(Platform-Related), 这是指特定的机器或环境下才可以正常运行的代码, 可能是只在你的机器上可以运行,也可能是只在 Win

  • Javascript中常见的逻辑题和解决方法

    一.统计数组 arr 中值等于 item 的元素出现的次数 function count(arr, item) { var count = 0; arr.forEach(function(e){ //e为arr中的每一个元素,与item相等则count+1 e == item ? count++ : 0; }); return count; } function count(arr, item) { return arr.filter(function(a){ return (a==item);

  • JavaScript中常见的字符串操作函数及用法汇总

    本文实例总结了JavaScript中常见的字符串操作函数及用法.分享给大家供大家参考.具体分析如下: 最近几次参加前端实习生招聘的笔试,发现很多笔试题都会考到字符串的处理,比方说去哪儿网笔试题.淘宝的笔试题等.如果你经常参加笔试或者也是一个过来人,相信你也跟我一样,发现字符串的处理是前端招聘过程中最常见的题型之一.这些题有一个特点,站在考官的角度去考虑,它考的不是你会不会,而是你能不能在不借用XX手册或者XX指南再或者百度谷歌的情况下,用比较简洁的方式写出答案来.可惜的是,很多开发人员,当然我也

  • JavaScript中常见内置函数用法示例

    本文实例讲述了JavaScript中常见内置函数用法.分享给大家供大家参考,具体如下: 一.介绍 在使用JavaScript语言时,除了可以自定义函数之外,还可以使用JavaScript的内置函数,这些内置函数是由JavaScript语言自身提供的函数. 二.一些常用的内置函数做详细介绍 1.parseInt()函数 该函数主要将首位为数字的字符串转化成数字,如果字符串不是以数字开头,那么将返回NaN. 语法: parseInt(StringNum,[n]) StringNum:需要转换为整型的

  • JavaScript中常见的高阶函数总结

    目录 前言 map函数 reduce函数 filter函数 sort every方法 find方法 findIndex方法 foreach方法 总结 前言 一个函数可以接受另一个函数作为参数,就把这个函数叫做高阶函数. 一个最简单的高阶函数: function add(x, y, f) { return f(x) + f(y); } //当调用add(-5, 6, Math.abs)时,参数x,y和f分别接收-5,6和函数Math.abs,根据函数定义,可以推导计算过程为: //x = -5;

  • JavaScript中常见的几种继承方式

    目录 原型继承 内存图 分析 盗用构造函数继承 分析 组合继承 原型链继承 寄生式继承 寄生组合式继承 原型继承 function Parent(name) { this.name = name } Parent.prototype.getName = function(){ return 'parentPrototype' + ' ' + this.name; } function Son() { } Son.prototype = new Parent(); console.log(new

  • JavaScript中常见陷阱小结

    你所创建的所有函数都是区分大小写的 单引号('字符串')和双引号("字符串")在JavaScript中没有特殊的区别,都可以用来创建字符串.但作为一般原则,大多数WEB开发者都选择使用单引号 而不是双引号,因为XHTML规范要求所有XHTML属性值都必须使用双引号括起来. JavaScript不支持重载,在JavaScript中,脚本在执行时不会顾及函数定义时的参数,而是直接使用在作用域链中最后定义的那个函数.这意味着,相同名称的函数永远只存在一个实例 闭包是与作用域相关的一个概念,它

  • JavaScript中常见获取元素的方法汇总

    常见的获取元素的方法有3种,分别是通过元素ID.通过标签名字和通过类名字来获取. getElementById DOM提供了一个名为getElementById的方法,这个方法将返回一个与之对应id属性的节点对象.使用的时候请注意区分大小写. 它是document对象特有的函数,只能通过其来调用该方法.其使用的方法如下: 复制代码 代码如下: document.getElementById('demo') //demo是元素对应的ID 该方法兼容主流浏览器,甚至包括IE6+,可以大胆使用. ge

  • JavaScript中常见的八个陷阱总结

    前言 这里我们针对JavaScript初学者给出一些技巧和列出一些陷阱.如果你已经是一个砖家,也可以读一读. 1. 你是否尝试过对数组元素进行排序? JavaScript默认使用字典序(alphanumeric)来排序.因此, [1,2,5,10].sort()的结果是[1, 10, 2, 5]. 如果你想正确的排序,应该这样做: [1,2,5,10].sort((a, b) => a - b) 2. new Date() 十分好用 new Date()可以接收: - 不接收任何参数:返回当前时

随机推荐