0

0

工作中常用到的JS表单验证代码(包括例子)_表单特效

php中文网

php中文网

发布时间:2016-05-16 18:16:28

|

1267人浏览过

|

来源于php中文网

原创

复制代码 代码如下:

////----------------Author Teng-------------
//验证是否为空
function check_blank(obj, obj_name){
if(obj.value != ''){
return true;
}else{
alert(obj_name + "所填不能为空!");
obj.value = "";
return false;
}
}

//过滤输入字符的长度
function check_str_len(name,obj,maxLength){
obj.value=obj.value.replace(/(^\s*)|(\s*$)/g, "");
var newvalue = obj.value.replace(/[^\x00-\xff]/g, "**");
var length11 = newvalue.length;
if(length11>maxLength){
alert(name+"的长度不能超过"+maxLength+"个字符!");
obj.value="";
obj.focus();
}
}

//验证只能为数字
function checkNumber(obj){
var reg = /^[0-9]+$/;
if(obj.value!=""&&!reg.test(obj.value)){
alert('只能输入数字!');
obj.value = "";
obj.focus();
return false;
}
}

//验证数字大小的范围

function check_num_value(obj_name,obj,minvalue,maxvalue){
var reg = /^[0-9]+$/;
if(obj.value!=""&&!reg.test(obj.value)){
alert(obj_name+'只能输入数字!');
obj.value = "";
obj.focus();
return false;
}else if(minvalue>obj.value||obj.value>maxvalue){
alert(obj_name+"的范围是"+minvalue+"-"+maxvalue+"!");
obj.value="";
obj.focus();
return false;
}

}

//验证只能是字母和数字
function checkZmOrNum(zmnum){
var zmnumReg=/^[0-9a-zA-Z]*$/;
if(zmnum.value!=""&&!zmnumReg.test(zmnum.value)){
alert("只能输入是字母或者数字,请重新输入");
zmnum.value="";
zmnum.focus();
return false;
}
}

//验证双精度数字
function check_double(obj,obj_name){
var reg = /^[0-9]+(\.[0-9]+)?$/;
if(obj.value!=""&&!reg.test(obj.value)){
alert(obj_name+'所填必须为有效的双精度数字');
obj.value = "";
obj.focus();
return false;
}
}


//复选框全选
function checkboxs_all(obj,cName){
var checkboxs = document.getElementsByName(cName);
for(var i=0;icheckboxs[i].checked = obj.checked;
}
}


//验证邮政编码
function check_youbian(obj){
var reg=/^\d{6}$/;
if(obj.value!=""&&!reg.test(obj.value)){
alert('邮政编码格式输入错误!');
obj.value = "";
obj.focus();
return false;
}
}

//验证邮箱格式
function check_email(obj){
var reg = /^[a-zA-Z0-9_-]+(\.([a-zA-Z0-9_-])+)*@[a-zA-Z0-9_-]+[.][a-zA-Z0-9_-]+([.][a-zA-Z0-9_-]+)*$/;
if(obj.value!=""&&!reg.test(obj.value)){
obj.select();
alert('电子邮箱格式输入错误!');
obj.value = "";
obj.focus();
return false;
}
}

/*验证固定电话号码
0\d{2,3} 代表区号
[0\+]\d{2,3} 代表国际区号
\d{7,8} 代表7-8位数字(表示电话号码)
正确格式:区号-电话号码-分机号(全写|只写电话号码)
*/

function check_phone(obj){
var reg=/^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))?$/;
if(obj.value!=""&&!reg.test(obj.value)){
alert('电话号码格式输入错误!');
obj.value = "";
obj.focus();
return false;
}
}

//验证手机号码(检验13,15,18开头的手机号!)
function check_telephone(obj){
var reg= /^[1][358]\d{9}$/;
if(obj.value!=""&&!reg.test(obj.value)){
alert('手机号码格式输入错误!');
obj.value = "";
obj.focus();
return false;
}
}

//验证是否为中文
function isChinese(obj,obj_name){
var reg=/^[\u0391-\uFFE5]+$/;
if(obj.value!=""&&!reg.test(obj.value)){
alert(obj_name+'必须输入中文!');
obj.value = "";
obj.focus();
return false;
}
}

//判断是否是IE浏览器

function checkIsIE(){
if(-[1,]){
alert("这不是IE浏览器!");
}else{
alert("这是IE浏览器!");
}
}

//验证是否为正确网址
function check_IsUrl(obj){


}

//检验时间大小(与当前时间比较)
function checkDate(obj,obj_name){
var obj_value=obj.value.replace(/-/g,"/");//替换字符,变成标准格式(检验格式为:'2009-12-10')
// var obj_value=obj.value.replace("-","/");//替换字符,变成标准格式(检验格式为:'2010-12-10 11:12')
var date1=new Date(Date.parse(obj_value));
var date2=new Date();//取今天的日期
if(date1>date2){
alert(obj_name+"不能大于当前时间!");
return false;
}
}
/// Copyright © 2010-2012 com.zljy.teng.js////

相关专题

更多
php源码安装教程大全
php源码安装教程大全

本专题整合了php源码安装教程,阅读专题下面的文章了解更多详细内容。

7

2025.12.31

php网站源码教程大全
php网站源码教程大全

本专题整合了php网站源码相关教程,阅读专题下面的文章了解更多详细内容。

4

2025.12.31

视频文件格式
视频文件格式

本专题整合了视频文件格式相关内容,阅读专题下面的文章了解更多详细内容。

7

2025.12.31

不受国内限制的浏览器大全
不受国内限制的浏览器大全

想找真正自由、无限制的上网体验?本合集精选2025年最开放、隐私强、访问无阻的浏览器App,涵盖Tor、Brave、Via、X浏览器、Mullvad等高自由度工具。支持自定义搜索引擎、广告拦截、隐身模式及全球网站无障碍访问,部分更具备防追踪、去谷歌化、双内核切换等高级功能。无论日常浏览、隐私保护还是突破地域限制,总有一款适合你!

7

2025.12.31

出现404解决方法大全
出现404解决方法大全

本专题整合了404错误解决方法大全,阅读专题下面的文章了解更多详细内容。

42

2025.12.31

html5怎么播放视频
html5怎么播放视频

想让网页流畅播放视频?本合集详解HTML5视频播放核心方法!涵盖<video>标签基础用法、多格式兼容(MP4/WebM/OGV)、自定义播放控件、响应式适配及常见浏览器兼容问题解决方案。无需插件,纯前端实现高清视频嵌入,助你快速打造现代化网页视频体验。

4

2025.12.31

关闭win10系统自动更新教程大全
关闭win10系统自动更新教程大全

本专题整合了关闭win10系统自动更新教程大全,阅读专题下面的文章了解更多详细内容。

3

2025.12.31

阻止电脑自动安装软件教程
阻止电脑自动安装软件教程

本专题整合了阻止电脑自动安装软件教程,阅读专题下面的文章了解更多详细教程。

3

2025.12.31

html5怎么使用
html5怎么使用

想快速上手HTML5开发?本合集为你整理最实用的HTML5使用指南!涵盖HTML5基础语法、主流框架(如Bootstrap、Vue、React)集成方法,以及无需安装、直接在线编辑运行的平台推荐(如CodePen、JSFiddle)。无论你是新手还是进阶开发者,都能轻松掌握HTML5网页制作、响应式布局与交互功能开发,零配置开启高效前端编程之旅!

2

2025.12.31

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PostgreSQL 教程
PostgreSQL 教程

共48课时 | 6.3万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.7万人学习

Laravel---API接口
Laravel---API接口

共7课时 | 0.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号