JavaScript：表单常用验证脚本（整理）
以下内容根据网上资源整理而来，主要来源是CSDN一个供下载的check.js，源码地址找不到了。
1. 检查输入字符串是否为空或者全部都是空格
/*
检查输入字符串是否为空或者全部都是空格
输入：str 输入的字符串
返回：如果全是空返回true；否则返回false
*/
function isNull(str) {
if (str == "") return true; var regexp = "^[ ]+$";
var regObj = new RegExp(regexp);
return regObj.test(str);
}
2. 检查输入对象的值是否符合Email格式
/*
检查输入对象的值是否符合Email格式；如：zhangshan@sina.com
输入：str 输入的字符串
返回：如果通过验证返回true；否则返回false
*/
function checkEmail(str) {
// var regexp = /^[-_A-Za-z0-9]+@([_A-Za-z0-9]+\.)+[A-Za-z0-9]{2,3}$/;
var regexp = /^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+.(?:com|cn)$/;
return regexp.test(str);
}
3. 检查输入手机号码是否正确
/*
检查输入手机号码是否正确；如：13857392812
输入：str 输入的字符串
返回：如果通过验证返回true；否则返回false
*/
function checkMobile(str) {
var regexp =/^[1][3][0-9]{9}$/;
return regexp.test(str);
}
4. 检查输入的电话号码格式是否正确，允许包括区号
/*
检查输入的电话号码格式是否正确，允许包括区号；如：80827182、010-89187876
输入：strPhone 电话号码格式字符串
返回：如果通过验证返回true；否则返回false
*/
function checkPhone(strPhone) {
var phoneRegWithArea = /^[0][1-9]{2,3}-[0-9]{5,10}$/;
var phoneRegNoArea = /^[1-9]{1}[0-9]{5,8}$/;
if(strPhone.length > 8) {
return phoneRegWithArea.test(strPhone);
}else{
return phoneRegNoArea.test(strPhone);
}
}
5. 校验ip地址的格式
/*
校验ip地址的格式；如：12.32.12.123
输入：strIP ip地址格式字符串
返回：如果通过验证返回true,否则返回false；
*/
function isIP(strIP) {
if(isNull(strIP)) return false; var regexp=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g;
if(regexp.test(strIP)) {
if(RegExp.$1 <256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256) return true;
}
return false;
}
6. 检查输入对象的值是否符合整数格式
/*
检查输入对象的值是否符合整数格式；如：123、-324
输入：str 输入的字符串
返回：如果通过验证返回true；否则返回false
*/
function isInteger(str) {
var regexp = /^[-]{0,1}[0-9]{1,}$/;
return regexp.test(str);
}
7. 检查输入字符串是否符合正整数格式
/*
检查输入字符串是否符合正整数格式；如：123、567
输入：str 输入的字符串
返回：如果通过验证返回true；否则返回false
*/
function isPositiveInteger(str) {
var regexp = "^[0-9]+$";
var regObj = new RegExp(regexp);
if (str.search(regObj) != -1) {
return true;
} else {
return false;
}
}
8. 检查输入字符串是否是带小数的数字格式,可以是负数
/*
检查输入字符串是否是带小数的数字格式,可以是负数；如：123.3456、-454.212344
输入：str 输入的字符串
返回：如果通过验证返回true；否则返回false
*/
function isDecimal(str) {
if(isInteger(str)) return true;
var regexp = /^[-]{0,1}(\d+)[\.]+(\d+)$/;
if (regexp.test(str)) {
if(RegExp.$1==0&&RegExp.$2==0) return false;
return true;
} else {
return false;
}
}
9. 检查输入字符串是否符合金额格式，不可以是负数
/*
检查输入字符串是否符合金额格式，不可以是负数；如：123.45、456.233
格式定义为带小数的正数，小数点后最多三位
输入：str 输入的字符串
返回：如果通过验证返回true；否则返回false
*/
function isMoney(str) {
var regexp = "^[0-9]+[\.][0-9]{0,3}$";
var regObj = new RegExp(regexp);
if (regObj.test(str)) {
return true;
} else {
return false;
}
}
10. 检查输入字符串是否只由英文字母、数字和下划线组成
/*
检查输入字符串是否只由英文字母、数字和下划线组成；如：abc123_
输入：str 输入的字符串
返回：如果通过验证返回true；否则返回false
*/
function isLetterNumAnd_(str) {
var regexp = "^[0-9a-zA-Z\_]+$";
var regObj = new RegExp(regexp);
if (regObj.test(str)) {
return true;
}else{
return false;
}
}
11. 判断是否是日期
/*
判断是否是日期
输入：date 日期；
返回：如果通过验证返回true,否则返回false
*/
function isDate(date) {
return isDate(date, "yyyy-MM-dd");
} /*
判断是否是日期
输入：date 日期；fmt 日期格式
返回：如果通过验证返回true,否则返回false
*/
function isDate(date, fmt) {
if (fmt == null) fmt = "yyyy-MM-dd";
var yIndex = fmt.indexOf("yyyy");
if(yIndex==-1) return false;
var year = date.substring(yIndex, yIndex+4); var mIndex = fmt.indexOf("MM");
if(mIndex == -1) return false;
var month = date.substring(mIndex, mIndex+2); var dIndex = fmt.indexOf("dd");
if(dIndex==-1) return false;
var day = date.substring(dIndex, dIndex+2); if(!isPositiveInteger(year)||year>"2100" || year<"1900") return false;
if(!isPositiveInteger(month)||month>"12" || month<"01") return false;
if(day>getMaxDay(year,month) || day<"01") return false; return true;
}
12. 取得给定年、月的天数
/*
取得给定年、月的天数
输入：
year: 年
month：月
返回：该月天数
*/
function getMaxDay(year, month) {
if(month==4 || month==6 || month==9 || month==11)
return "30";
if(month==2)
if(year%4==0&&year%100!=0 || year%400==0)
return "29";
else
return "28"; return "31";
}
13. 检查复选框被选中的数目
/*
检查复选框被选中的数目
输入：checkboxID 字符串
返回：返回该复选框中被选中的数目
*/
function checkSelect(checkboxID) {
var checkedCounter = 0;
var i = 0;
if(document.all(checkboxID).length > 0) {
for(i=0; i<document.all(checkboxID).length; i++) {
if(document.all(checkboxID).item(i).checked ) {
checkedCounter += 1;
}
}
}else{
if(document.all(checkboxID).checked)
checkedCounter = 1;
}
return checkedCounter;
}
14. 字符串去空格的函数
/*
字符串去空格的函数
输入：
sInputString: 需要去空格的字符串
iType：1=去掉字符串左边的空格、2=去掉字符串右边的空格、0=去掉字符串左边和右边的空格
返回：去掉空格的字符串
*/
function cTrim(sInputString, iType) {
var sTmpStr = ' ';
var i = -1;
if(iType == 0 || iType == 1) {
while(sTmpStr == ' ') {
++i;
sTmpStr = sInputString.substr(i,1);
}
sInputString = sInputString.substring(i);
} if(iType == 0 || iType == 2){
sTmpStr = ' ';
i = sInputString.length;
while(sTmpStr == ' ') {
--i;
sTmpStr = sInputString.substr(i,1);
}
sInputString = sInputString.substring(0,i+1);
}
return sInputString;
}
15. 完整代码
/*
检查输入字符串是否为空或者全部都是空格
输入：str 输入的字符串
返回：如果全是空返回true；否则返回false
*/
function isNull(str) {
if (str == "") return true; var regexp = "^[ ]+$";
var regObj = new RegExp(regexp);
return regObj.test(str);
} /*
检查输入对象的值是否符合Email格式；如：zhangshan@sina.com
输入：str 输入的字符串
返回：如果通过验证返回true；否则返回false
*/
function checkEmail(str) {
// var regexp = /^[-_A-Za-z0-9]+@([_A-Za-z0-9]+\.)+[A-Za-z0-9]{2,3}$/;
var regexp = /^([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|_|.]?)*[a-zA-Z0-9]+.(?:com|cn)$/;
return regexp.test(str);
} /*
检查输入手机号码是否正确；如：13857392812
输入：str 输入的字符串
返回：如果通过验证返回true；否则返回false
*/
function checkMobile(str) {
var regexp =/^[1][3][0-9]{9}$/;
return regexp.test(str);
} /*
检查输入的电话号码格式是否正确，允许包括区号；如：80827182、010-89187876
输入：strPhone 电话号码格式字符串
返回：如果通过验证返回true；否则返回false
*/
function checkPhone(strPhone) {
var phoneRegWithArea = /^[0][1-9]{2,3}-[0-9]{5,10}$/;
var phoneRegNoArea = /^[1-9]{1}[0-9]{5,8}$/;
if(strPhone.length > 8) {
return phoneRegWithArea.test(strPhone);
}else{
return phoneRegNoArea.test(strPhone);
}
} /*
校验ip地址的格式；如：12.32.12.123
输入：strIP ip地址格式字符串
返回：如果通过验证返回true,否则返回false；
*/
function isIP(strIP) {
if(isNull(strIP)) return false; var regexp=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g;
if(regexp.test(strIP)) {
if(RegExp.$1 <256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256) return true;
}
return false;
} /*
检查输入对象的值是否符合整数格式；如：123、-324
输入：str 输入的字符串
返回：如果通过验证返回true；否则返回false
*/
function isInteger(str) {
var regexp = /^[-]{0,1}[0-9]{1,}$/;
return regexp.test(str);
} /*
检查输入字符串是否符合正整数格式；如：123、567
输入：str 输入的字符串
返回：如果通过验证返回true；否则返回false
*/
function isPositiveInteger(str) {
var regexp = "^[0-9]+$";
var regObj = new RegExp(regexp);
if (str.search(regObj) != -1) {
return true;
} else {
return false;
}
} /*
检查输入字符串是否是带小数的数字格式,可以是负数；如：123.3456、-454.212344
输入：str 输入的字符串
返回：如果通过验证返回true；否则返回false
*/
function isDecimal(str) {
if(isInteger(str)) return true;
var regexp = /^[-]{0,1}(\d+)[\.]+(\d+)$/;
if (regexp.test(str)) {
if(RegExp.$1==0&&RegExp.$2==0) return false;
return true;
} else {
return false;
}
} /*
检查输入字符串是否符合金额格式，不可以是负数；如：123.45、456.233
格式定义为带小数的正数，小数点后最多三位
输入：str 输入的字符串
返回：如果通过验证返回true；否则返回false
*/
function isMoney(str) {
var regexp = "^[0-9]+[\.][0-9]{0,3}$";
var regObj = new RegExp(regexp);
if (regObj.test(str)) {
return true;
} else {
return false;
}
} /*
检查输入字符串是否只由英文字母、数字和下划线组成；如：abc123_
输入：str 输入的字符串
返回：如果通过验证返回true；否则返回false
*/
function isLetterNumAnd_(str) {
var regexp = "^[0-9a-zA-Z\_]+$";
var regObj = new RegExp(regexp);
if (regObj.test(str)) {
return true;
}else{
return false;
}
} /*
判断是否是日期
输入：date 日期；
返回：如果通过验证返回true,否则返回false
*/
function isDate(date) {
return isDate(date, "yyyy-MM-dd");
} /*
判断是否是日期
输入：date 日期；fmt 日期格式
返回：如果通过验证返回true,否则返回false
*/
function isDate(date, fmt) {
if (fmt == null) fmt = "yyyy-MM-dd";
var yIndex = fmt.indexOf("yyyy");
if(yIndex==-1) return false;
var year = date.substring(yIndex, yIndex+4); var mIndex = fmt.indexOf("MM");
if(mIndex == -1) return false;
var month = date.substring(mIndex, mIndex+2); var dIndex = fmt.indexOf("dd");
if(dIndex==-1) return false;
var day = date.substring(dIndex, dIndex+2); if(!isPositiveInteger(year)||year>"2100" || year<"1900") return false;
if(!isPositiveInteger(month)||month>"12" || month<"01") return false;
if(day>getMaxDay(year,month) || day<"01") return false; return true;
} /*
取得给定年、月的天数
输入：
year: 年
month：月
返回：该月天数
*/
function getMaxDay(year, month) {
if(month==4 || month==6 || month==9 || month==11)
return "30";
if(month==2)
if(year%4==0&&year%100!=0 || year%400==0)
return "29";
else
return "28"; return "31";
} /*
检查复选框被选中的数目
输入：checkboxID 字符串
返回：返回该复选框中被选中的数目
*/
function checkSelect(checkboxID) {
var checkedCounter = 0;
var i = 0;
if(document.all(checkboxID).length > 0) {
for(i=0; i<document.all(checkboxID).length; i++) {
if(document.all(checkboxID).item(i).checked ) {
checkedCounter += 1;
}
}
}else{
if(document.all(checkboxID).checked)
checkedCounter = 1;
}
return checkedCounter;
} /*
字符串去空格的函数
输入：
sInputString: 需要去空格的字符串
iType：1=去掉字符串左边的空格、2=去掉字符串右边的空格、0=去掉字符串左边和右边的空格
返回：去掉空格的字符串
*/
function cTrim(sInputString, iType) {
var sTmpStr = ' ';
var i = -1;
if(iType == 0 || iType == 1) {
while(sTmpStr == ' ') {
++i;
sTmpStr = sInputString.substr(i,1);
}
sInputString = sInputString.substring(i);
} if(iType == 0 || iType == 2){
sTmpStr = ' ';
i = sInputString.length;
while(sTmpStr == ' ') {
--i;
sTmpStr = sInputString.substr(i,1);
}
sInputString = sInputString.substring(0,i+1);
}
return sInputString;
}
JavaScript：表单常用验证脚本（整理）的更多相关文章
- 7 Javascript:表单与验证-非空验证
表单提交前要检查数据的合法性 在要对表单里的数据进行验证的时候,能够利用getElementById()来訪问网页上不论什么一个元素 每一个表单域都有一个form对象,可被传给不论什么验证表单数据的函 ...
- 推荐几款很棒的 JavaScript 表单美化和验证插件
表单元素让人爱恨交加.作为网页最重要的组成部分,表单几乎无处不在,从简单的邮件订阅.登陆注册到复杂的需要多页填写的信息提交功能,表单都让开发者花费了大量的时间和精力去处理,以期实现好用又漂亮的表单功能 ...
- JavaScript表单验证和正则表达式
JavaScript表单验证 分为四类: 1.非空验证 常用于用户名等 2.相等验证 常用于验证两次输入的密码 3.范围验证 常用于年龄等 4.正则验证 用于手机号,邮箱号等 以下是实例: <! ...
- 15个最佳的 JavaScript 表单验证库
客户端验证在任何项目都是不够的,因为 JavaScript 可以直接忽略,人们可以提交请求到服务器. 然而这并不意味着客户端验证都没必要了,很多时候我们需要在用户提交到服务器之前给予提示.JavaSc ...
- JavaScript 表单验证 案例
JavaScript 表单验证 案例 版权声明:未经授权,严禁转载! 编写 HTML 文件,搭建主体界面 <html> <head> <meta charset=&q ...
- JavaScript表单验证实例
1. 长度限制<script>function test(){if(document.a.b.value.length>50){alert("不能超过50个字符!" ...
- JavaScript表单验证年龄
JavaScript表单验证年龄,判断一个输入量是否符合年龄,通过正则表达式实现. //检查年龄 function isAge(str){ var mydate=new Date; var now=m ...
- 前端工具 - 15个最佳的 JavaScript 表单验证库
客户端验证在任何项目都是不够的,因为 JavaScript 可以直接忽略,人们可以提交请求到服务器. 然而这并不意味着客户端验证都没必要了,很多时候我们需要在用户提交到服务器之前给予提示.JavaSc ...
- JavaScript 表单验证入门
JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单 ...
随机推荐
- c语言訪问excel
直接通过格式化读取文件就可实现,见附件
- activemq无法启动且后台管理界面进不去的解决办法
从官网下载了一个最新的activemq,目前最新版本是5.14.5 我下载的是windows版本,通过执行%activemq home%/bin/win64/InstallService.bat,可以 ...
- IOS学习笔记45--UITableView性能优化
说实话,面试的时候已经被问到几次这个问题,然后就搜索了一下,看到了这篇优化文章,感觉不错,转来日后作为一种UITableView优化的方法. 使用不透明视图. 不透明的视图可以极大地提高渲染 ...
- wepy - 与原生有什么不同（watcher监听器.)
<style> </style> <template> <view>监听值:{{num}}</view> </template> ...
- PHP MySQL -处理语句
PHP MySQL 预处理语句 预处理语句对于防止 MySQL 注入是非常有用的. 预处理语句及绑定参数 预处理语句用于执行多个相同的 SQL 语句,并且执行效率更高. 预处理语句的工作原理如下: 预 ...
- php之快速入门学习-13(PHP 循环 - While 循环)
PHP 循环 - While 循环 循环执行代码块指定的次数,或者当指定的条件为真时循环执行代码块. PHP 循环 在您编写代码时,您经常需要让相同的代码块一次又一次地重复运行.我们可以在代码中使用循 ...
- CSS3去除手机浏览器button点击出现的高亮框
在工作中常常遇到在手机浏览器中浏览网页时.点击页面中的button或者是具备点击事件的元素,就会出现一个默认的高亮框.影响总体的感官体验. 能够用一个简单的css3属性来解决:tap-highligh ...
- python中的静态成员方法和类成员方法
Python的静态方法和类成员方法都可以被类或实例访问,两者概念不容易理清,但还是有区别的: 1)静态方法无需传入self参数,类成员方法需传入代表本类的cls参数: 2)从第1条,静态方法是无法访问 ...
- IE hack 汇总
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- html中title属性换行实现
本文主要讲解titile属性换行的实现方式.<title> 元素可定义文档的标题,可以应用在img.a等标签上. 1.实现方式: <!DOCTYPE html> <htm ...