常用的js验证和数据处理总结

前言

在开发web项目的时候,难免遇到各种对网页数据的处理,比如对用户在表单中输入的电话号码、邮箱、金额、身份证号、密码长度和复杂程度等等的验证,以及对后台返回
数据的格式化比如金额,返回的值为null,还有对指定日期之前或之后某一天或某一月的计算。

下面是给大家总结的一些在工作中常用到的js,有需要的可以参考学习。

/**
 * 验证密码复杂度(必须包含数字字母)
 * @param str
 * @returns true:满足规则,false:不满足
 */
function validateStr(str){
  var reg1 = /^(([0-9]{1,})([a-z]{1,}))|(([a-z]{1,})([0-9]{1,}))$/;
  var reg2 = /^(([0-9]{1,})([A-Z]{1,}))|(([A-Z]{1,})([0-9]{1,}))$/;
  //var reg3 = /^([a-zA-Z]{0,})[0-9a-z-A-z]{0,}[~`!@#$%^&*.]{0,}$/;
  str = valueTrim(str);
  //if(reg3.test(str)){
  // return true;
  //}
  if(reg1.test(str)){
    return true;
  }
  if(reg2.test(str)){
    return true;
  }
  return false;
} 

/**
 * 判断字符串长度 必须大于8位小于20位,一般用于密码
 * @param str 字符串
 * @returns 满足返回true
 */
function valiDateLength(str){
  if(str==null || str==''){
    return false;
  }
  str = valueTrim(str);
  if(parseFloat(str.length)<8 ){
    return false;
  }
  if(parseFloat(str.length)>20){
    return false;
  }
  return true;
}
/**
 * 验证时间
 * @param dataValue 格式为:YYYY-MM-DD
 * @returns 匹配返回true 不匹配返回false
 */
function valiDate(dateValue){
  var result = dateValue.match(/((^((1[8-9]\d{2})|([2-9]\d{3}))(-)(10|12|0?[13578])(-)(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))(-)(11|0?[469])(-)(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))(-)(0?2)(-)(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)(-)(0?2)(-)(29)$)|(^([3579][26]00)(-)(0?2)(-)(29)$)|(^([1][89][0][48])(-)(0?2)(-)(29)$)|(^([2-9][0-9][0][48])(-)(0?2)(-)(29)$)|(^([1][89][2468][048])(-)(0?2)(-)(29)$)|(^([2-9][0-9][2468][048])(-)(0?2)(-)(29)$)|(^([1][89][13579][26])(-)(0?2)(-)(29)$)|(^([2-9][0-9][13579][26])(-)(0?2)(-)(29)$))/);
  if(result==null){
    return false;
  }
  return true;
} 

/**
 * 验证电话号码
 * @param phoneValue 要验证的电话号码
 * @returns 匹配返回true 不匹配返回false
 */
function validatePhone(phoneValue) {
  phoneValue = valueTrim(phoneValue);
  var reg = /^[1][0-9]{10}$/;
  return reg.test(phoneValue);
}
/**
 * 验证邮箱
 * @param emailValue 要验证的邮箱
 * @returns 匹配返回true 不匹配返回false
 */
function validateEmail(emailValue){
  var reg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
  return reg.test(emailValue);
}
/**
 * 判断是否是数字
 * @param numberValue 要验证的数据
 * @returns 匹配返回true 不匹配返回false
 */
function isNumber(numberValue){
  //定义正则表达式部分
  var reg1 = /^[0-9]{0,}$/;
  var reg2 = /^[1-9]{1}[0-9]{0,}$/;
  //alert(numberValue);
  if(numberValue ==null || numberValue.length==0){
    return false;
  }
  numberValue = valueTrim(numberValue);
  //判断当数字只有1位时
  if(numberValue.length<2){
    return reg1.test(numberValue);
  }
  return reg2.test(numberValue);;
}
/***
 * 金额
 * @param value
 * @returns
 */
function isMoney(value) {
  if(value==''){
    return false;
  }
  value = valueTrim(value);
  value = value.replace(/(^\s*)|(\s*$)/g, "");
  var reg = /^[0-9]*\.?[0-9]{0,2}$/;
  if(isNumber(value)){
    return true;
  }
  if(value.length>3){
    if(value.substr(0, 1)=="0"){
      if(value.substr(3,value.length).length>2){
        return false;
      }
    }
  }
  return reg.test(value);
}
/***
 * 判断是否是0到100之间的数
 * @param value
 * @returns
 */
function isZeroToOne(value) {
  if(value==''){
    return false;
  }
  value = valueTrim(value);
  if(isMyFloat(value)){
    if(parseFloat(value)<100 && parseFloat(value)>0){
      return true;
    }
  }
  return false;
} 

/**
 * 验证是否是浮点数
 * @param floatValue 要验证的数据
 * @returns 匹配返回true 不匹配返回false
 */
function isMyFloat(floatValue){
  if(floatValue==''){
    return false;
  }
  floatValue = valueTrim(floatValue);
  var reg = /^(\d+)(\.\d+)$/;
  if(isNumber(floatValue)){
    return true;
  }
  if(floatValue.length>3){
    if(floatValue.substr(0, 1)=="0"){
      if(floatValue.substr(0, 2)!="0."){
        return false;
      }
    }
  }
  return reg.test(floatValue);
}
/**
 * 判断是否是汉字
 * @param charValue 要验证的数据
 * @returns 匹配返回true 不匹配返回false
 */
function isCharacter(charValue){
  var reg = /^[\u4e00-\u9fa5]{0,}$/;
  return reg.test(charValue);
}
/**
 * 验证座机号
 * @param telValue 要验证的座机号
 * @returns 匹配返回true 不匹配返回false
 */
function valiDateTel(telValue){
  var reg = /^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$/;
  telValue = valueTrim(telValue);
  if(!reg.test(telValue)){
    return false;
  }
  return true;
} 

var Wi = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1 ];  // 加权因子
var ValideCode = [ 1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2 ];      // 身份证验证位值.10代表X
/**
 * 验证身份证
 * @param idCard 需要验证的身份证号
 * @returns 匹配返回true 不匹配返回false
 */
function IdCardValidate(idCardValue) {
  //去掉字符串头尾空格
  idCardValue = valueTrim(idCardValue.replace(/ /g, ""));
  if (idCardValue.length == 15) {
    //进行15位身份证的验证
    return isValidityBrithBy15IdCard(idCardValue);
  } else if (idCardValue.length == 18) {
    // 得到身份证数组
    var a_idCard = idCardValue.split("");
    //进行18位身份证的基本验证和第18位的验证
    if(isValidityBrithBy18IdCard(idCardValue)&&isTrueValidateCodeBy18IdCard(a_idCard)){
      return true;
    }else {
      return false;
    }
  } else {
    return false;
  }
}
/**
 * 判断身份证号码为18位时最后的验证位是否正确
 * @param a_idCard 身份证号码数组
 * @return
 */
function isTrueValidateCodeBy18IdCard(a_idCard) {
  var sum = 0; // 声明加权求和变量
  if (a_idCard[17].toLowerCase() == 'x') {
    a_idCard[17] = 10;// 将最后位为x的验证码替换为10方便后续操作
  }
  for ( var i = 0; i < 17; i++) {
    sum += Wi[i] * a_idCard[i];// 加权求和
  }
  valCodePosition = sum % 11; // 得到验证码所位置
  if (a_idCard[17] == ValideCode[valCodePosition]) {
    return true;
  } else {
    return false;
  }
}
/**
 * 验证18位数身份证号码中的生日是否是有效生日
 * @param idCard 18位书身份证字符串
 * @return
 */
function isValidityBrithBy18IdCard(idCard18){
  var year = idCard18.substring(6,10);
  var month = idCard18.substring(10,12);
  var day = idCard18.substring(12,14);
  var temp_date = new Date(year,parseFloat(month)-1,parseFloat(day));
  // 这里用getFullYear()获取年份,避免千年虫问题
  if(temp_date.getFullYear()!=parseFloat(year)
     ||temp_date.getMonth()!=parseFloat(month)-1
     ||temp_date.getDate()!=parseFloat(day)){
      return false;
  }else{
    return true;
  }
}
/**
 * 验证15位数身份证号码中的生日是否是有效生日
 * @param idCard15 15位书身份证字符串
 * @return
 */
function isValidityBrithBy15IdCard(idCard15){
  var year = idCard15.substring(6,8);
  var month = idCard15.substring(8,10);
  var day = idCard15.substring(10,12);
  var temp_date = new Date(year,parseFloat(month)-1,parseFloat(day));
  // 对于老身份证中的你年龄则不需考虑千年虫问题而使用getYear()方法
  if(temp_date.getYear()!=parseFloat(year)
      ||temp_date.getMonth()!=parseFloat(month)-1
      ||temp_date.getDate()!=parseFloat(day)){
    return false;
  }else{
    return true;
  }
}
//去掉字符串头尾空格
function valueTrim(str) {
  return str.replace(/(^\s*)|(\s*$)/g, "");
} 

/**
 * 检验18位身份证号码(15位号码可以只检测生日是否正确即可,自行解决)
 * @param idCardValue 18位身份证号
 * @returns 匹配返回true 不匹配返回false
 */
function idCardVildate(cid){
  var arrExp = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];//加权因子
  var arrValid = [1, 0, "X", 9, 8, 7, 6, 5, 4, 3, 2];//校验码
  var reg = /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;
  if(reg.test(cid)){
    var sum = 0, idx;
    for(var i = 0; i < cid.length - 1; i++){
      // 对前17位数字与权值乘积求和
      sum += parseInt(cid.substr(i, 1), 10) * arrExp[i];
    }
    // 计算模(固定算法)
    idx = sum % 11;
    // 检验第18为是否与校验码相等
    return arrValid[idx] == cid.substr(17, 1).toUpperCase();
  }else{
    return false;
  }
} 

/**
 * 获取指定日期之前或之后的第几天
 *
 * @param dayCount
 *      正数为以后时间,负数为以前时间 如:1表示为明天,-1为昨天
 *
 */
function getDateStr(dates, dayCount) {
  var dateTime = dayCount * 24 * 60 * 60 * 1000;
  var dd = new Date();
  if (dates == "") {
    dd = new Date();
  } else {
    dd = new Date(dates);
  }
  var dateNumber = dd.getTime() + dateTime;
  var newDate = new Date(dateNumber);
  var y = newDate.getFullYear();
  var m = newDate.getMonth() + 1;// 获取当前月份的日期
  var d = newDate.getDate();
  if (m < 10) {
    m = "0" + m;
  }
  if (d < 10) {
    d = "0" + d;
  }
  return y + "-" + m + "-" + d;
}
/**
 * 获取指定月份的之前或之后的第几个月
 *
 * @param dayCount
 *      正数为以后月份,负数为以前月份 如:1表示为下月,-1为上月
 *
 */
function getMonthStr(dates, monthCount) {
  var dd = new Date();
  if (dates == "") {
    dd = new Date();
  } else {
    dd = new Date(dates);
  }
  var y = dd.getFullYear();
  var m = dd.getMonth() + 1;// 获取当前月份的日期
  m = m + monthCount;
  if (m == 0) {
    m = "12";
    y = y - 1;
  } else if (m < 10) {
    m = "0" + m;
  } else if (m > 12) {
    m = m - 12;
    m = "0" + m;
    y = y + 1;
  }
  return y + "-" + m;
}
/**
*
*对val值为undefined返回“”,否则返回原值
*/
function dealNull(val) {
  if (typeof (val) == "undefined") {
    return "";
  } else {
    return val;
  }
}

总结

以上就是为大家整理的比较实用的js验证和数据处理的干货,对大家日常工作的时候很有帮助,建议大家收藏,方便以后查阅,谢谢大家对我们的支持。

(0)

相关推荐

  • 工作中比较实用的JavaScript验证和数据处理的干货(经典)

    在开发web项目的时候,难免遇到各种对网页数据的处理,比如对用户在表单中输入的电话号码.邮箱.金额.身份证号.密码长度和复杂程度等等的验证,以及对后台返回数据的格式化比如金额,返回的值为null,还有对指定日期之前或之后某一天或某一月的计算. 遇到需要对数据及表单验证的,我相信大家都像我一样,喜欢在网上找相关的方法,因为自己写的话,是比较耗时的.今天就给大家分享一下,自己在工作中总结的一些常用 的js. 关键代码如下所示: /** * 验证密码复杂度(必须包含数字字母) * @param str

  • javascript常见数据验证插件大全

    原生Javascript电话号码验证,邮件验证,身份证验证.使用时传入要验证的字符串,返回ture代表符合,返回false代码不符合. 使用: document.getElementById("btnPhone").onclick=function(){ alert(ValidationHandler.IsPhone(document.getElementById("phoneInput").value)==true?"合法":"不合法

  • 如何使用JavaScript和正则表达式进行数据验证

    数据验证是网络应用软件从客户端接受数据的重要步骤,毕竟,您需要在使用客户数据前确保其符合预期的格式.在网络应用程序中,您可以选择使用特定平台的工具,比如ASP.NET.JSP等等,或者您可以利用客户端JavaScript的优势,JavaScript中的正则表达式可以简化数据验证的工作. 正则表达式 正则表达式是一种模式匹配的工具,它允许您以文字方式来表述模式,因而正则表达式成为了一个验证文本数据的强大工具.除了模式匹配之外,正则表达式还可以用于文字替换.从我在UNIX系统上使用Perl时第一次接

  • asp.net中JavaScript数据验证实现代码

    今天在做一个数据修改的页面,页面上有一个DropDownList控件,绑定的是实体中的重要属性,我希望用户在修改该控件值的时候,提示用户,他修改了该控件的值.所以为该下拉控件加上了如下语句. 复制代码 代码如下: DDLmaterial.Attributes.Add("onchange", "alert('注意:您修改了物品类型!')"); 似乎不错,不仅有提示效果,也不需要刷新页面.可是当我打开页面进行测试的时候就发现了问题,当我把下拉控件的值改回原值的时候,它还

  • js方法数据验证的简单实例

    实例如下: //input标签只能正数字 <input onkeyup="this.value=this.value.replace(/[^1-9]/g,'')" > //只能输入正整数 function CheckNum(thisobj) { if (thisobj.value == "0") { } else { var firstNum = thisobj.value.toString().substring(0, 1); if (thisobj.

  • javascript数据类型验证方法

    最近对javascript数据类型的验证又有了一个新的认识,原来可以判断得这么简单又如此全面. 我们自定义了isString,isNumber ,isDate ,isError ,isRegExp ,isBoolean ,isNull ,isUndefined ,isObject等方法.现在将自己定义的javascript数据类型验证函数及测试集展示: <!DOCTYPE html> <html> <head> <meta charset="utf-8&

  • 常用的Javascript数据验证插件

    原生Javascript电话号码验证,邮件验证,身份证验证.使用时传入要验证的字符串,返回ture代表符合,返回false代码不符合. 使用: document.getElementById("btnPhone").onclick=function(){ alert(ValidationHandler.IsPhone(document.getElementById("phoneInput").value)==true?"合法":"不合法

  • JSP使用JDBC完成动态验证及采用MVC完成数据查询的方法

    本文实例讲述了JSP使用JDBC完成动态验证及采用MVC完成数据查询的方法.分享给大家供大家参考.具体如下: 一.目标: ① 掌握JDBC链接数据库的基本过程: ② 掌握使用JDBC进行数据查询. 二.主要内容: ① 在上一次的实例基础上,通过连接数据库完成用户登录功能,介绍JDBC的基本用法: ② 通过显示所有用户信息进一步介绍JDBC的用法和查询结果的处理. 1.JDBC概念 Java Database Connectivity的缩写,用于连接Java应用程序与各种关系数据库的标准接口.对于

  • 常用的js验证和数据处理总结

    前言 在开发web项目的时候,难免遇到各种对网页数据的处理,比如对用户在表单中输入的电话号码.邮箱.金额.身份证号.密码长度和复杂程度等等的验证,以及对后台返回 数据的格式化比如金额,返回的值为null,还有对指定日期之前或之后某一天或某一月的计算. 下面是给大家总结的一些在工作中常用到的js,有需要的可以参考学习. /** * 验证密码复杂度(必须包含数字字母) * @param str * @returns true:满足规则,false:不满足 */ function validateSt

  • 常用的JS验证和函数汇总

    下面是我常用一些JS验证和函数,有一些验证我直接写到了对象的属性里面了,可以直接通过对象.方法来调用 复制代码 代码如下: //浮点数除法运算 function fdiv(a, b, n) {     if (n == undefined) { n = 2; }     var t1 = 0, t2 = 0, r1, r2;     try { t1 = a.toString().split(".")[1].length } catch (e) { }     try { t2 = b

  • JS常用正则表达式及验证时间的正则表达式

    在这篇文章里,我已经编写了12个超有用的正则表达式,这可是WEB开发人员的最爱哦. 1.在input框中只能输入金额,其实就是只能输入最多有两位小数的数字 //第一种在input输入框限制 <input type="text" maxlength="8" class="form-control" id="amount" style="margin-right: 2px;" value="&q

  • 项目中常用的JS方法整理

    验证是否为图片格式 复制代码 代码如下: function IsImgType(src) {      var rFilter = /^(?:image\/bmp|image\/cis\-cod|image\/gif|image\/ief|image\/jpeg|image\/jpeg|image\/jpeg|image\/pipeg|image\/png|image\/svg\+xml|image\/tiff|image\/x\-cmu\-raster|image\/x\-cmx|image\

  • 28个JS验证函数收集

    JS验证函数的调用方法和注意: 1.给表单设置onsubmit="return test()",配合<input type="submit" name="Submit" value="check"> 进行提交. 2.<input type=text onkeydown="test();"> //当鼠标按下直接调用函数验证 3.<input type=text onblur=&q

  • 值得收藏的八个常用的js正则表达式

    开发中如果有input输入框,难免就要写正则表达式,因此在这里总结了一些常见常用的正则表达式的书写方法,希望会大家有所帮助: 附图: 一.手机号码 $(document).ready(function(){ //判断输入手机号码是否正确 $("#telephone").focus(function(){ document.getElementById("ph-hint").innerHTML = ":open_mouth:请输入11位手机号码";

  • 非常实用的js验证框架实现源码 附原理方法

    本文为大家分享一个很实用的js验证框架实现源码,供大家参考,具体内容如下 关键方法和原理: function check(thisInput) 方法中的 if (!eval(scriptCode)) { return false; } 调用示例: 复制代码 代码如下: <input type="text" class="text_field percentCheck" name="progress_payment_two" id="

  • js验证手机号、密码、短信验证码代码工具类

    本文实例为大家分享了js验证手机号.密码.短信验证码的代码工具类,供大家参考,具体内容如下 代码工具类 /** * 参数较验 * * */ var verification = { stop : false, //倒计时 //验证手机号 phone : function (tel, id) { if ("" == tel || !tel) { mui.toast('手机号不可以为空!'); } else { var reg = /^0?1[3|4|5|7|8][0-9]\d{8}$/;

  • Mongodb常用的身份验证方式

    1. 介绍 不管数据库是在多安全的环境或者本地环境,给数据库建立一个安全的环境是很有必要的. Mongodb提供了一系列的 安全功能 ,这里介绍一种很常用的身份验证方式. 2. 开启验证 默认情况下,只要在启动数据库的时候没有加上 --auth 选项,就是没有身份验证功能的,所有客户端都可以进行所有权限的操作. 如果加上过后,我们就可以通过安全的身份验证连接数据库.如果要在数据库中进行身份验证,可以通过 db.auth(username, password) ,如果验证成功则返回1,反之. 3.

随机推荐