常规javascript前台验证

最新推荐文章于 2021-12-20 16:19:07 发布
最新推荐文章于 2021-12-20 16:19:07 发布
阅读量443 收藏
点赞数 1
文章标签： javascript insert button integer input email
/*  描述: 验证日期 格式####-##  */
function  isDateNY(str)
{
     var  d  =   new  Date();
     var  y  =  d.getFullYear();
     var  m  =  d.getMonth()  +   1 ;
    m  =  ( " 00 "   +  m).substr((m  +   "" ).length);
     var  a  =  str.match( /^ (d{ 4 })( -| / )(d{ 2 })$ / );
    
     if  (( ! a) || (parseInt(str.substr( 5 , 2 ), 10 ) > 12 ) || (parseInt(str.substr( 5 , 2 ), 10 ) < 1 ))
    {
         return   false ;
    }
     return   true ;
}
 /*  描述: 验证是否是浮点数  */
function  isDecimal(str) {
     if ( !/^ d + .d * $ / .test(str)){
         return   false ;
    }
     return   true ;
}
 /*  描述: 验证是否为年份  */
function  isYear(strYear){
     var  iYear    = parseInt(strYear, 10 );
     if  (iYear < 1900   ||  iYear > 9000 )
        return   false ;
     return   true ;
}

 /*  描述: 验证是否为月份  */
function  isMonth(strMon){
     var  iMon    = parseInt(strMon, 10 );
     if (iMon < 0   ||  iMon > 12 )
        return   false ;
     return   true ;
}
 /*  描述：是否是整数  */
function  isNumber(str) {
     for ( var  i = 0 ;i < str.length;i ++ )
         if (str.charCodeAt(i) < 0x0030   ||  str.charCodeAt(i) > 0x0039 )  return   false ;
     return   true ;
}

 /*  描述: 验证是否为日  */
function  isDay(strDay){
     var  iDay    = parseInt(strDay, 10 );
     if (iDay < 0   ||  iDay > 31 )
        return   false ;
     return   true ;
}


 /*  描述: 验证是否为normal类型 */
function  _isnormal(str) {
     if  ( / [ ^ ws一 - 龥 - ()] / i.test(str)){
             return   false ;
        }
     return   true ;
}


 /*  描述： 验证是否为integer类型  */
function  _isinteger(str) {
     return   /^ d + $ / .test(str)

}

 /*  描述： 验证是否为decimal类型  */
function  _isdecimal(str){
     if  ( / [ ^ d.] / i.test(str)){
             return   false ;
        }
     return   true ;
}

 /*  描述： 验证是否为extend类型  */
function  _isextend(str) {
     if  ( / [ ^ ws - ( - )] / i.test(str)){
             return   false ;
        }
     return   true ;
}

 /*  描述： 验证是否为date类型  */
function  _isdatetime(str){
         if ( / [ ^ d - ] / i.test(str)) {
             return   false ;
        }
     return   true ;
}

 /*  描述： 验证是否为mail类型  */
function  _ismail(str){
         if ( / [ ^ w一 - 龥 - .@] / i.test(str)) {
             return   false ;
        }
     return   true ;
}

 /*  描述： 检查对象的输入长度  */
function  checkLength(obj,length){
     var  tempValue = obj.value;
     if  (obj.value.Tlength() > length){
        createInfoPop( " 输入长度不能大于 " + length,obj, 200 , 50 );
        obj.value = obj.value.substr( 0 ,length);
         if  (tempValue == obj.value){
            obj.value = "" ;
        }
    }
}

 /*  描述： 输入字符的控制   */
function  changeValue(obj,type){

     switch (type){
         // 包含数字、字母、汉字、下载线、中划线、()
         case   " normal " :
             if  ( ! _isnormal(obj.value)){
                createInfoPop( " 只能包含数字、字母、汉字、下划线、中划线、空格、() " ,obj, 200 , 50 );
                obj.value = obj.value.replace( / [ ^ ws一 - 龥 - ()] / g, "" );
            }
             break ;
         // 整数
         case   " integer " :
             if  (obj.value == "" )  break ;
             if  ( ! _isinteger(obj.value)){
                createInfoPop( " 只能包含数字 " ,obj, 200 , 50 );
                obj.value = obj.value.replace( / D / g, "" );
            }
             break ;

         // 浮点数
         case   " decimal " :
             if  ( ! _isdecimal(obj.value)){
                createInfoPop( " 只能包含数字、小数点 " ,obj, 200 , 50 );
                obj.value = obj.value.replace( / [ ^ d.] / , "" );
            }
             break ;
         // 包含数字、字母、下载线、中划线、()
         case   " extend " :
             if  ( ! _isextend(obj.value)){
                createInfoPop( " 只能包含数字、字母、下划线、中划线、() " ,obj, 200 , 50 );
                obj.value = obj.value.replace( / [ ^ ws - ()] / g, "" );
            }
             break ;

         // 包含数字、中划线
         case   " date " :
             if  ( ! _isdatetime(obj.value)){
                createInfoPop( " 只能包含数字、中划线 " ,obj, 200 , 50 );
                obj.value = obj.value.replace( / [ ^ d - ] / g, "" );
            }
             break ;
         // 包含数字、汉字、下划线、中划线、·、@
         case   " email " :
             if  ( ! _ismail(obj.value)){
                createInfoPop( " 只能包含数字、字母、汉字、下划线、中划线、.、@ " ,obj, 200 , 50 );
                obj.value = obj.value.replace( / [ ^ w一 - 龥 - @.] / g, "" );
            }
             break ;
    }
}

 /*  描述： 失去焦点后，检查输入是否正确  */
function  blurValue(obj,type,length,prec){
     if  ( ! prec) prec = 2 ; //  默认精度为2
     if  (obj.value == "" )  return   false ;
     switch (type){
         case   " decimal " :
             if  (obj.value.indexOf( " . " ) ==- 1 ){
                 if  ( _isinteger(obj.value)){
                     if  (obj.value.length > (length - prec)){
                        createInfoPop( " 整数部分长度不能大于 " + (length - prec) + " 位 " ,obj, 200 , 50 );
                        obj.value = "" ;
                         break ;
                    } else {
                        obj.value += " . " + repeatStr( " 0 " ,prec);
                    }
                }
            }
             else {
                 if  (obj.value.substr( 0 ,obj.value.indexOf( " . " )).length > (length - prec)){
                    createInfoPop( " 整数部分长度不能大于 " + (length - prec) + " 位 " ,obj, 200 , 50 );
                    obj.value = "" ;
                     break ;
                }
                 if  (obj.value.substr(obj.value.indexOf( " . " ) + 1 ).length < prec){
                    obj.value += repeatStr( " 0 " ,prec - obj.value.substr(obj.value.indexOf( " . " ) + 1 ).length);
                }
            }
             if  ( ! isDecimal(obj.value)){
                createInfoPop(obj.value + " 不是浮点数 " ,obj, 200 , 50 );
                obj.value = "" ;
                 break ;
            }
            checkLength(obj,length + 1 );
             if  (obj.value.substr(obj.value.indexOf( " . " )).Tlength() > (prec + 1 )){
                createInfoPop( " 精度不能大于 " + prec,obj, 200 , 50 );
                obj.value = obj.value.substr( 0 ,obj.value.indexOf( " . " ) + prec + 1 );
            }
             // 格式化数字的格式
            formatDecimal(obj);
             break ;
         case   " integer " :
             if  (isNumber(obj.value)){
                 if  (obj.value.length > length){
                    createInfoPop( " 长度不能大于 " + length,obj, 200 , 50 );
                    obj.value = "" ;
                }
            } else {
                createInfoPop(obj.value + " 不是整数 " ,obj, 200 , 50 );
                obj.value = "" ;
            }
             break ;
         case   " date " :
             if  ( ! isDate(obj.value)){
            createInfoPop(obj.value + " 不是日期格式<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格式:(####-##-##) " ,obj, 200 , 50 );
                obj.value = "" ;
            }
             break ;
         case   " email " :
             if  ( ! isEmail(obj.value)){
                createInfoPop( " email 格式不正确 " ,obj, 200 , 50 );
                obj.value = "" ;
                 break ;
            }
            checkLength(obj,length);
             break ;
         case   " cbo " :
         // -----------------------------------------------------------------------------
         //  说明：当类型为cbo时,length属性改为cboName
         // -----------------------------------------------------------------------------
             var  cboObj;
             var  sValue;
            cboObj  =  document.all.item(length);
            sValue = "" ;
            
             if  (obj.value.Tlength() <= 0 ){
                 break ;
            }
             for ( var  i = 0 ;i < cboObj.options.length;i ++ )
            {
                 if (obj.value  ==  cboObj.options[i].value)
                {
                    sValue  =  obj.value  +   " - "   +  cboObj.options[i].text;
                     break ;
                }
                 else   if (obj.value  ==  cboObj.options[i].text)
                {
                    sValue  =  cboObj.options[i].value  +   " - "   +  obj.value;
                     break ;
                }
                 else   if (obj.value  ==  (cboObj.options[i].value  +   " - "   +  cboObj.options[i].text))
                {
                    sValue = cboObj.options[i].value  +   " - "   +  cboObj.options[i].text;
                     break ;
                }
            }
            obj.value = sValue;

             break ;
         // -----------------------------------------------------------------------------
         //  简短日期格式
         case   " date_NY " :
        
             if (obj.value.substr( 0 ).length  <   4 )
                {
                    obj.value  =   "" ;
                     break ;
                }
                 if (obj.value.substr( 0 ).length  ==   4 )
                {
                    obj.value  +=   " -01 " ;
                     break ;
                }
                 if (obj.value.indexOf( " - " )  !=   " -1 " )
                {
                     if (obj.value.substr( 0 ,obj.value.indexOf( " - " )).length < 4 )
                    {
                        obj.value = "" ;
                         break ;
                    }
                     if  (obj.value.substr(obj.value.indexOf( " - " )  +   1 ).length < 2 )
                    {
                         if (obj.value.substr(obj.value.indexOf( " - " )  +   1 )  ==   "" )
                        { 
                            obj.value  =  obj.value.substring( 0 ,obj.value.indexOf( " - " ))  +   " -01 " ;
                             break ;
                        }
                         if (eval(obj.value.substr(obj.value.indexOf( " - " ) + 1 ))  <   1 )
                        {
                            obj.value = obj.value.substring( 0 ,obj.value.indexOf( " - " ))  +   " -01 " ;
                        }
                         else
                        {
                            obj.value  =  obj.value.substring( 0 ,obj.value.indexOf( " - " ))  +   " -0 "   +  obj.value.substr(obj.value.indexOf( " - " )  +   1 );
                        }
                    } 
                }
                
                 if (isDateNY(obj.value)  ==   false )
                {
                    createInfoPop( " 日期必须符合日期格式！ " ,obj, 250 , 28 );
                    obj.value  =   "" ;
                    obj.focus();
                }
                
                 break ;
            
         case   " nullmode " :
            checkLength(obj,length);
             break ;
    }
}

 /*  描述：格式化浮点数  */
function  formatDecimal(obj){
     var  precStr = "" ;
     var  reg_exp;
    reg_exp = new  RegExp( " ^0+([1-9].+|0..+) " , " g " );
    obj.value = obj.value.replace(reg_exp, " $1 " );
    
    precStr = obj.value.substr(obj.value.indexOf(&apos;.&apos;));
     if  (obj.value.length > 0 ){
     var  num  =  parseInt(obj.value, 10 );    
     if (num  >=   1000 )
    {
             var  number_string  =  Math.abs(num).toString();
             var  insert_position;
            
             switch (number_string.length  %   3 )
            {
                 case   1 :insert_position  =   1 ;
                 break ;
                 case   2 :insert_position  =   2 ;
                 break ;
                 case   0 :insert_position  =   3 ;
                 break ;
            }        
             while (insert_position  <  number_string.length)
            {
                number_string  =  number_string.left(insert_position)  +   " , "   +  number_string.substring(insert_position);
                insert_position  +=   4 ;
            }    
                obj.value  =  number_string + precStr;

    }
    }
}
 /*  描述： 恢复浮点数显示  */
function  restoreFormat(obj){
     var  reg_exp  =   new  RegExp( " , " , " g " );
    obj.value  =  obj.value.replace(reg_exp, "" );

     if  (obj.value.indexOf( " . " ) !=- 1 ){
         var  j = 1 ;
         for (i = obj.value.substr(obj.value.indexOf( " . " )).length - 1 ;i > 0 ;i -- ){
             if (obj.value.substr(obj.value.indexOf( " . " ) + i, 1 ) == " 0 " ){        
                j += 1 ;
            }
             else {
                 break ;
            }
        }
        i = obj.value.substr(obj.value.indexOf( " . " )).length;
        obj.value = obj.value.substr( 0 ,obj.value.indexOf( " . " ) + i - j + 1 );
    }
     with (document.selection.createRange())
    {
        moveStart( " character " ,obj.value.length + 1 );
        collapse();
        select();
    }
}

具体调用如下：
 changeValue (obj,type)

  描述：输入字符的控制

  说明：

obj:需检查的客户端控件

type:输入类型

{normal: 包含数字、字母、汉字、下载线、中划线、()}

{integer:包含数字}

{decimal:包含数字、小数点}

{extend: 包含数字、字母、下载线、中划线、()}

{date: 包含数字、中划线}

{email: 包含数字、汉字、下划线、中划线、小数点、@}

  样例：

1) 邮件格式检测

<input type=”button” name=”txtMail” onKeyup=”changeValue(this,’email’);” >

2) 日期格式检测

<input type=”button” name=”txtDate” onKeyup=”changeValue(this,’date’);” >

3) 浮点数检测

<input type=”button” name=”txtNumber” onKeyup=”changeValue(this,’decimal’);” >

  blurValue(obj,type,length,prec)

  描述：失去焦点后，检查输入是否正确

  说明：

obj:需检查的客户端控件

type:输入类型

{decimal：验证输入值是否是浮点数及格式化浮点数、检查长度}

{date:验证输入值是否是日期格式及格式化日期但无需检查长度}

{email:验证输入值是否是email格式、检查长度}

{nullmode:仅检查输入值的长度}

  length:最大输入长度

  prec:小数位精度，默认2位

样例：

1)      浮点数

<input type=”button” name=”txtMail” onBlur=”blurValue(this,’decimal’,10,3);” >

2)      日期

<input type=”button” name=”txtDate” onBlur=”blurValue(this,’date’);” >

3)      邮件地址

<input type=”button” name=”txtMail” onBlur=”blurValue(this,’email’,20);” >

4)      仅检测长度

<input type=”button” name=”txt1” onBlur=”blurValue(this,’nullmode’,20);” >

注：changValue与blurValue配合使用

如果是浮点数检测还要与restoreFormat配合使用

  restoreFormat(obj)

  描述：恢复浮点数显示

  说明：内部函数，将格式化过的数据赋给obj.value对象

样例：<input type=”button”name=”txt1” onFocus=”restoreFormat(this);”>

另外在Asp.Net中调用方法如下：
        txtCJG.Attributes("onblur") = "javascript:blurValue(this,&apos;cbo&apos;,&apos;cboCJG&apos;);"
        txtCBSYR.Attributes("onkeyup") = "javascript:changeValue(this,&apos;normal&apos;);"
        txtCBSYR.Attributes("onblur") = "javascript:blurValue(this,&apos;nullmode&apos;,80);"
lifangfang1218
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一些前台常规的验证
06-12
在JavaScript中，我们可以使用正则表达式进行验证。例如： ```javascript function validatePhoneNumber(phone) { const regex = /^1[3-9]\d{9}$/; return regex.test(phone); } ``` 这个函数会检查输入的电话...
前台开发技术
08-10
学习JavaScript和jQuery能帮助开发者创建更丰富的用户体验，比如表单验证、滑动效果、弹出对话框等。 在学习和实践中，源码分析和工具使用也非常重要。"源码"标签可能意味着讨论会涉及到查看和理解现有的前端代码，...
Javascript客户端验证常用函数
weixin_30737363的博客
03-29 84
//非空验证functionvalidNull(theId,msg){if(document.getElementById(theId).value==""){window.alert(msg);document.getElementById(theId).focus();returnfalse;}return...
【转帖】常规javascript前台验证
weixin_30640291的博客
07-26 112
/*描述:验证日期格式####-##*/ functionisDateNY(str) { vard=newDate(); vary=d.getFullYear(); varm=d.getMonth()+1; m=("00"+m).substr((m+"").length); vara=str....
javascript前台验证程序
chenmiao_1988的专栏
09-17 246
function checkform(){     var ErrMessage="";  var ErrFlag="False";     for(var i=0;i       var Oelement=document.getElementById(arguments[i][1]);    if(Oelement.value==""){       ErrMessage=ErrMessage
js限制只能输入数字、转换大小写、长度限制
HkEndless的专栏
05-14 1113
只能输入数字  function noNumbers(e)    {   var keynum   var keychar   var numcheck     if(window.event) // IE   {   keynum = e.keyCode   }   else if(e.which) // Netscape/Firefox/Opera
JavaScript 各种参数 详解(十二)
jjjy00的专栏
12-15 1032
程序代码 ' *---------------------------------------------------------------------------- ' * 函数：CheckIn ' * 描述：检测参数是否有SQL危险字符 ' * 参数：str要检测的数据 ' * 返回：FALSE：安全TRUE：不安全 ' * 作者： ' * 日期： ' *----------
QQ前台无限加好友 艾叶QQ前台无限加好友软件 v1.0
11-15
1. **自动化脚本**：艾叶QQ前台无限加好友软件可能使用了自动化脚本语言（如Python或JavaScript）编写，通过模拟用户操作，自动化执行添加好友的步骤。 2. **网络编程**：软件需要与QQ服务器进行交互，这就涉及到...
毕设项目，校园新闻管理系统+APP端前台浏览.zip
最新发布
12-27
Vue.js则是前端的JavaScript框架，用于构建用户界面，以其轻量级、易学习和高效的虚拟DOM著称。而Android部分则表明系统包含了移动端的应用程序设计，适用于Android设备。 在后端，Spring Boot提供了RESTful API...
前台设计必备手册（集合JS AJAX XML 等）
01-03
正则表达式（Regular Expression）是用于匹配字符串模式的工具，广泛应用于数据验证、文本搜索和替换等场景。学习正则表达式需要熟悉各种元字符、量词、分组和边界等概念，这对于任何涉及字符串处理的编程任务都至关...
js应用
SailingAptech的专栏
07-14 177
[code="js"]/* * 打开新窗口 * f:链接地址 * n:窗口的名称 * w:窗口的宽度 * h:窗口的高度 * s:窗口是否有滚动条，1：有滚动条；0：没有滚动条 */ function openWin(f,n,w,h,s){ sb = s == "1" ? "1" : "0"; l = (screen.width - w)/2; t = (...
js之substr和substring
xclsky的博客
12-29 2530
1 js中有两个方法都可以截取字符串中的子字符串。分别是：substr方法和substring方法。 2 substr（参数1，参数2）表示的是从参数1开始，截取长度为参数2的子字符串。 如：var a_value="abcdefghijklmnopqrstuvwxyz"; alert(a_value.substr(1,4));--bcde 3 substring（参数1，
通过 js的object方法 获取对象的长度以及value，key值
婳祎
12-20 3607
var obj = { name:'hello', sex:'女'， }; var key = Object.keys(obj); 获取key值 var value = Object.values(obj); 获取value值 var Propertyname = Object.getOwnPropertyNames(obj) 返回一个由指定对象的所有自身属性的属性名 console.log(key); ['name...
JavaScript substr() 方法分割字符串
cxu123321的博客
06-03 1078
JavaScript substr() 方法 JavaScript String 对象 定义和用法 substr() 方法可在字符串中抽取从start下标开始的指定数目的字符。 语法 stringObject.substr(start,length) 参数 描述 start 必需。要抽取的子串的起始下标。必须是数值。如果是负数，那么该参数声明从字符串的尾部开始算起...
js的一个前台验证框架
月夜楓
10-16 769
validatorForm.js  /**这个errMsg对象是这个js验证的主体，是定义的验证的规范**/ var errMsg = { // 检查特定字段是否为必填 required : {  msg : "->字段不能为空哦！",  test : function(obj, load) {   // 确保字段尚未有内容输入，并在页面加载时不做检查(在加载时显示"必填字段"可能会让用户感到厌
html 最大输入长度,TextArea设置MaxLength属性最大输入值的js代码
weixin_33764387的博客
06-05 946
标准的DHTML文档中TEXTAREA的MAXLENGTH属性默认情况下不起作用，只有当事件发生时才起作用如下：http://spiderscript.net/site/spiderscript/examples/ex_textarea_maxlength.asp但TEXT中有且起作用，那么在TEXTAREA中怎么实现输入内容不能超过多少个字符呢。方法1、如果只需要截取多少个字符的内容，则可以:或...
关于获取普通Object对象的length
sqrtsix的博客
08-07 5335
可以参考 大神链接所有JS程序猿（甚至不止JS）都知道，数组（Array）是有length的，通过length属性，可以很方便的获取数组的长度。可以说，只要使用到了数组，就必会使用到其length属性。　　而Object对象是没有length属性或方法的，它确实没有存在的必要，因为人们只会在乎该对象能提供什么样的方法，而没有必要知道它到底有多少方法。的确，这确实不是一个普遍性的需求， 因此ECMAS
javascript 多种验证代码
12-29
JavaScript中有多种验证代码非常适用，包括验证类和时间类。在验证类中，数字验证是常见的，包括整数、大于0的整数和负整数的验证。在时间类中，短时间和短日期是经常需要验证的内容。通过这些验证代码，可以有效地...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值