`

js表单输入验证

 
阅读更多
 
JS表单脚本输入验证
 
*以下是库函数目录及使用说明:
 
*
 
*常用
 
*1、Trim=去除字符串前后空格         使用方法:String.trim()
 
*2、ctrim=去除字符串中间空格         使用方法:String.ctrim()
 
*3、onClickSelect=点中text框的时候,选中其中的文字    使用方法:在input位置加上 
onClick/onFocus="onClickSelect();" 即可
 
*
 
*动态输入类             使用方法:在input位置加上 onkeypress="函数名" 即可
 
*1、TextOnly=只允许输入字母、数字、下划线
 
*2、TextNumOnly=只允许输入字母、数字
 
*3、NumOnly=只允许输入数字
 
*4、TelOnly=只能输入电话、"-"、"("、")"
 
*
 
*表单验证类
 
*1、isAccount=是否帐号(由字母、数字、下划线组成){有两种选择,一种有长度限制}
 
*2、isChinese=是否中文(由中文、数字、字母组成)
 
*3、ismail=是否Email
 
*4、isip=是否ip
 
*5、PhoneCheck=电话号码检测(电话和手机)
 
*6、isMobile=手机号码检测
 
*7、isDate=是否短日期
 
*8、isTime=是否时间
 
*9、isDateTime=是否长日期
 
*
 
*其它函数
 
*1、changeFrame=改变Frame大小
 
*2、CheckAll=全选/全不选
 
*3、onKeyDownDefault=回车->转->Tab
 
*4、admin_Size=改变TextArea输入框高度
 
*
 
*其它验证正则表达式
 
*Email : /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/
 
*Phone : /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/
 
*Url : /^http:\/\/[A-Za-z0-9]+\.[A-Za-z0-9]+[\/=\?%\-&_~`@[\]\':+!]*([^<>\"\"])*$/
 
*Currency : /^\d+(\.\d+)?$/
 
*Number : /^\d+$/
 
*Zip : /^[1-9]\d{5}$/
 
*QQ : /^[1-9]\d{4,8}$/
 
*Integer : /^[-\+]?\d+$/
 
*Double : /^[-\+]?\d+(\.\d+)?$/
 
*English : /^[A-Za-z]+$/
 
*Chinese : /^[\u0391-\uFFE5]+$/
 
*UnSafe : /^(([A-Z]*|[a-z]*|\d*|[-_\~!@#\$%\^&\*\.\(\)\[\]\{\}<>\?\\\/\'\"]*)|.{0,5})$|\s/
 
*Username : /^[a-z]\w{3,}$/i(用户名验证,带长度限制)
 
*/
//========================================================================常用函数
 
//--------------------------------除去前后空格
 
String.prototype.trim = function()
 
{
 
    //用正则表达式将前后空格用空字符串替代。
 
    return this.replace(/(^\s*)|(\s*$)/g, "");
 
}
 
//--------------------------------除去中间空格
 
String.prototype.ctrim = function()
 
{
 
    //用正则表达式将中间空格用空字符串替代。
 
return this.replace(/\s/g,'');
 
}
 
//--------------------------------点中text框的时候,选中其中的文字
 
/**
 
*方法名:onClickSelect
 
*描述:点中text框的时候,选中其中的文字
 
*输入:空
 
*输出:空
 
**/
 
function onClickSelect()
 
{
 
    var obj = document.activeElement;
 
    if(obj.tagName == "TEXTAREA")
 
{
 
        obj.select();
 
}
 
    if(obj.tagName == "INPUT" )
 
{
 
        if(obj.type == "text")
 
   obj.select();
 
}
 
}
 
//========================================================================动态输入类函数
 
//--------------------------------只允许输入字母、数字、下划线(动态判断)
 
function TextOnly(){
 
    var i= window.event.keyCode
 
//8=backspace
 
//9=tab
 
//37=left arrow
 
//39=right arrow
 
//46=delete
 
//48~57=0~9
 
//97~122=a~z
 
//65~90=A~Z
 
//95=_
 
    if (!((i<=57 && i>=48)||(i>=97 && i<=122)||(i>=65 && i<=90)||(i==95)||(i==8)||(i==9)||
 
(i==37)||(i==39)||(i==46)))
 
{
 
        //window.event.keyCode=27;
 
event.returnValue=false
 
return false;
 
    }
 
else
 
{
 
        //window.event.keyCode=keycode;
 
return true;
 
    }
 
}
 
//--------------------------------只允许输入字母、数字(动态判断)
 
function TextNumOnly(){
 
    var i= window.event.keyCode
 
//8=backspace
 
//9=tab
 
//37=left arrow
 
//39=right arrow
 
//46=delete
 
//48~57=0~9
 
//97~122=a~z
 
//65~90=A~Z
 
//95=_
 
    if (!((i<=57 && i>=48)||(i>=97 && i<=122)||(i>=65 && i<=90)||(i==8)||(i==9)||(i==37)||
 
(i==39)||(i==46)))
 
{
 
        //window.event.keyCode=27;
 
event.returnValue=false
 
return false;
 
    }
 
else
 
{
 
        //window.event.keyCode=keycode;
 
return true;
 
    }
 
}
 
//--------------------------------只允许输入数字(动态判断)
 
/**
 
*方法名:NumOnly()
 
*描述:只允许输入数字
 
*输入:空
 
*输出:空
 
**/
 
function NumOnly(){
 
    var i= window.event.keyCode
 
//8=backspace
 
//9=tab
 
//37=left arrow
 
//39=right arrow
 
//46=delete
 
//48~57=0~9
 
    if ((i>57 || i<48) && (i!=8) && (i!=9) && (i!= 37) && (i!=39) && (i!=46))
 
{
 
        window.event.keyCode=27;
 
return false;
 
    }
 
else
 
{
 
        //window.event.keyCode=keycode;
 
return true;
 
    }
 
}
 
//--------------------------------只能输入电话号码或者"-"或者"("或者")"
 
function TelOnly(){
 
    var i= window.event.keyCode
 
//8=backspace
 
//9=tab
 
//37=left arrow
 
//39=right arrow
 
//46=delete
 
//48~57=0~9
 
//40=(
 
//41=)
 
//45=-
 
//32=空格
 
    if ((i>57 || i<48) && (i!=8) && (i!=9) && (i!= 37) && (i!=39) && (i!=46) && (i!=40) &&
 
(i!=41) && (i!=45) && (i!=32))
 
{
 
        window.event.keyCode=27;
 
return false;
 
    }
 
else
 
{
 
        //window.event.keyCode=keycode;
 
return true;
 
    }
 
}
 
//========================================================================动态输入函数(结束
 
)
 
//========================================================================表单验证函数
 
//--------------------------------判断用户名(判断字符由字母和数字,下划线,点号组成.且开头
 
的只能是下划线和字母)
 
function isAccount(str)
 
{
 
if(/^[a-z]\w{3,}$/i.test(str))   //用户名由字母和数字、下划线组成,且只能以字母开头,且长
 
度最小为4位
 
//if(/^([a-zA-z]{1})([\w]*)$/g.test(str))//用户名由字母和数字、下划线组成,且只能以字母开
 
头
 
{
 
//alert(');
 
return true;
 
}
 
else
 
return false;
 
}
 
//--------------------------------判断只能输入中文、数字、字母
 
function isChinese(str)
 
{
 
var pattern = /^[0-9a-zA-Z\u4e00-\u9fa5]+$/i;
 
if (pattern.test(str))
 
{
 
return true;
 
}
 
else
 
{
 
//alert("只能包含中文、字母、数字");
 
return false;
 
}
 
}
 
//--------------------------------Email格式判断
 
function ismail(email)
 
{
 
return(new RegExp(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]
 
+$/).test(email));
 
}
 
//--------------------------------IP格式判断
 
function isip(s)
 
{
 
var check=function(v)
 
{
 
try
 
{
 
   return (v<=255 && v>=0)
 
}
 
catch(x)
 
{
 
   return false
 
}
 
};
 
var re=s.split(".")
 
return (re.length==4)?(check(re[0]) && check(re[1]) && check(re[2]) && check(re
 
[3])):false;
 
}
 
//--------------------------------判断电话号码/手机号码
 
function PhoneCheck(s) 
{
 
var str=s;
 
var reg=/(^[0-9]{3,4}\-[0-9]{3,8}$)|(^[0-9]{3,8}$)|(^\([0-9]{3,4}\)[0-9]{3,8}$)|(^0{0,1}
 
13[0-9]{9}$)/;
 
//alert(reg.test(str));
 
return reg.test(str);
 
}
 
//--------------------------------判断手机号码
 
function isMobile(str)
 
{      
 
var reg=/^0{0,1}13[0-9]{9}$/;
 
return reg.test(str);
 
}
 
//--------------------------------短日期(如2003-12-05)
 
function isDate(str)
 
{
 
var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/); 
if(r==null)
 
{
 
//alert('输入的信息不是日期格式(YYYY:MM:DD)'); 
return false; 
}
 
if (r[1]<1 || r[3]<1 || r[3]-1>12 || r[4]<1 || r[4]>31)
 
{
 
//alert("日期格式(YYYY:MM:DD)不对");
 
return false
 
}
 
var d= new Date(r[1], r[3]-1, r[4]); 
return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
 
}
 
//--------------------------------短时间(如13:04:06)
 
function isTime(str)
 
{
 
var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/);
 
if (a == null) 
{
 
//alert('输入的信息不是时间格式(HH:MM:SS)'); 
return false;
 
}
 
if (a[1]>23 || a[1]<0 || a[3]>60 || a[3]<0 || a[4]>60 || a[4]<0)
 
{
 
//alert("时间格式(0<=HH<23:0<=MM<60:0<=SS<60)不对");
 
return false
 
}
 
return true;
 
}
 
//--------------------------------长时间(如2003-12-05 13:04:06)
 
function isDateTime(str)
 
{
 
var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;
 
var r = str.match(reg); 
if(r==null)
 
{
 
//alert('输入的信息不是时间格式(YYYY-MM-DD HH:MM:SS)'); 
return false;
 
}
 
var d= new Date(r[1], r[3]-1,r[4],r[5],r[6],r[7]); 
return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]&&d.getHours()==r
 
[5]&&d.getMinutes()==r[6]&&d.getSeconds()==r[7]);
 
}
 
//========================================================================表单验证函数(结束
 
)
 
//========================================================================其它函数
 
//用于改变当前后台框架的尺寸(参数:对象,关闭时显示图片,打开时显示图片,关闭显示尺寸,打开显示
 
尺寸)
 
//      
 
例:this,'../images/openout.gif','../images/setby.gif','top.frame.cols=\'0,*\'','top.frame.c
 
ols=\'150,*\''
 
function changeFrame(ob,s1,s2,evalString1,evalString2)
 
{
 
if (ob.alt == "收起")
 
{
 
ob.alt = "展开";
 
ob.src = s1;
 
eval(evalString1);
 
}
 
else
 
{
 
ob.alt = "收起";
 
ob.src = s2;
 
eval(evalString2);
 
}
 
}
 
//用于全选/全不选(参数form=表单)
 
function CheckAll(form)     
 
{
 
for (var i=0;i<form.length;i++)     
 
    {     
 
var e = form[i];
 
if (e.type=="checkbox")
 
{
 
   if (e.name!="AllChoice")
 
   {
 
    if (form.AllChoice.checked==true)
 
    {
 
     if (e.disabled==false) e.checked=true;
 
    }
 
    else
 
    {
 
     if (e.disabled==false) e.checked=false;
 
    }
 
   }
 
}
 
    }     
 
}
 
//--------------------------------用户在button以外的页面元素中按回车-->转换-->按tab键
 
/**
 
*方法名:onKeyDownDefault
 
*描述:用户在button以外的页面元素中按回车,转换为按tab键
 
*输入:空
 
*输出:空
 
**/
 
function onKeyDownDefault()
 
{
 
    if (window.event.keyCode == 13 && window.event.ctrlKey == false && window.event.altKey
 
== false){
 
        if (window.event.srcElement.type != "button")
 
            window.event.keyCode = 9;
 
    }
 
    else{
 
        return true;
 
    }
 
}
 
// 修改编辑栏高度
 
function admin_Size(num,objname)
 
{
 
var obj=document.getElementById(objname)
 
if (parseInt(obj.rows)+num>=3) {
 
obj.rows = parseInt(obj.rows) + num; 
}
 
if (num>0)
 
{
 
obj.width="90%";
 
}
 
}
 
//取得字符串中中文/汉字的个数
 
function getChineseNum(obstring)
 
{
 
var pattern = /^[\u4e00-\u9fa5]+$/i;
 
var maxL,minL;
 
maxL = obstring.length;    //原始长度
 
obstring = obstring.replace(pattern,"");
 
minL = obstring.length;    //处理后的长度
 
return (maxL - minL)
 
}
 

//只能输入大小写英文字母、汉字、数字、下划线
 
function checkname(){
 
                var str = document.getElementById("a").value;
 
                var str1 = /^[0-9a-zA-Z\u4e00-\u9fa5_]+$/i;
 
                //var str2 = /^([u4e00-u9fa5]|[ufe30-uffa0]|[a-za-z0-9_])*$/;
 
                var f = str.match(str1);
 
                if(f == null){
 
                        alert("只能输入大小写英文字母、汉字、数字、下划线!");
 
                        return false;
 
                }
 
                return true;
 
        }

 

分享到:
评论

相关推荐

    javascript 表单验证禁止输入中文汉字

    总结来说,禁止用户在JavaScript表单中输入中文汉字可以通过监听输入事件,结合正则表达式进行判断来实现。这不仅可以提升用户体验,还能确保收集到的数据满足特定格式要求。在实际应用中,可以根据具体需求调整正则...

    js实时动态验证表单是否合法

    JavaScript(简称JS)是网页开发中用于实现客户端交互和数据验证的重要工具。在网页表单设计中,实时动态验证能够极大地提升用户体验,因为它允许用户在输入时立即得到反馈,了解其填写的信息是否符合要求,无需等待...

    js表单验证 全网最全的 表单验证

    总结来说,这个资源集合提供了一系列关于JavaScript表单验证的方法和实例,包括基础的输入验证、电子邮件和URL验证,以及登录验证的实践。无论你是初学者还是经验丰富的开发者,都可以从中获取有价值的参考和灵感,...

    JS表单验证与JS常见问题解决方案

    "JavaScript常见问题整理.txt"、"表单验证大全.txt"、"JavaScript表单验证控制代码大全.txt"、"JavaScript验证表单函数大全.txt"这些文件将提供更具体的信息和示例代码,帮助深入理解和掌握这一主题。

    javascript表单验证方式一

    本文将深入探讨"javascript表单验证方式一",介绍如何利用JavaScript进行表单验证,确保用户输入的数据符合预设规则,提高用户体验,同时也减轻了服务器端的压力。 首先,表单验证的基本目标是检查用户在HTML表单中...

    js表单验证 表单验证类 整合

    Validator是基于JavaScript技术的伪静态类和对象的自定义属性,可以对网页中的表单项输入进行相应的验证,允许同一页面中同时验证多个表单,熟悉接口之后也可以对特定的表单项甚至仅仅是某个字符串进行验证。...

    JS表单脚本输入验证

    在JavaScript(JS)中,表单脚本输入验证是网页开发中的重要环节,它确保用户在提交表单前输入的数据符合预设的规则,从而提高数据质量和用户体验。这篇博客(博文链接:https://zlk.iteye.com/blog/592365)可能...

    js 表单验证网页特效

    首先,我们需要理解JavaScript表单验证的基本概念。表单是HTML中的一个元素,用于收集用户输入。而验证则是检查这些输入是否符合预设的规则,如非空、邮箱格式、电话号码格式等。JavaScript可以通过监听表单的submit...

    javascript表单美化和验证插件

    - **jquery.idealforms.min.js**:JavaScript文件,实现了表单的动态行为、键盘操作、验证等功能。需要与CSS文件一起引入到项目中,以实现插件的全部功能。 - **readme.txt**:通常包含插件的安装指南、使用方法和...

    js表单验证、js导出excel、js验证

    JS表单验证是在用户提交数据之前,于客户端执行的一系列检查,以确保输入的数据符合预设的规则,如非空、格式正确等。这可以减少无效请求,提高服务器效率,并为用户提供即时反馈。 1. 验证基本类型:JS提供了多种...

    常用表单数据验证JS

    "常用表单数据验证JS"这个压缩包很可能是包含了一系列JavaScript函数和库,用于实现各种常见的表单验证功能。以下是一些关于表单数据验证的基本概念和常用方法: 1. **基本概念**: - **数据验证**:是指在用户...

    javascript表单验证器三方库.zip

    总的来说,"javascript表单验证器三方库.zip" 提供了一个强大的工具,用于处理JavaScript表单验证,它具有可配置性、递归数据验证等特性,是开发高效、健壮的Web应用的重要辅助工具。无论是初学者还是经验丰富的...

    Js 表单提交验证函数(很全了)

    在JavaScript中,表单提交...总之,JavaScript表单提交验证函数是网页开发中不可或缺的一部分,通过合理的组合使用内置函数、HTML5新特性及自定义函数,可以构建出强大而灵活的验证机制,确保用户输入的数据准确无误。

    JS表单验证,对输入数据进行验证。

    JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。 被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单中的必填项目? 用户输入的邮件地址是否合法? 用户是否已输入...

    一个完美的js表单验证案例

    "一个完美的js表单验证案例"利用JavaScript(特别是jQuery库)实现了这一功能,提供了高效、用户友好的验证机制。 JavaScript作为客户端脚本语言,可以直接在用户的浏览器上运行,这使得表单验证可以实时进行,减少...

    万能通用智能JS表单验证

    本主题聚焦于“万能通用智能JS表单验证”,这是一种利用JavaScript实现的高效、灵活的表单验证技术。表单验证是用户交互过程中的关键环节,它能够确保用户输入的数据符合预设的规则,从而减少服务器端的压力,提升...

    js表单验证

    JavaScript(简称JS)是网页开发中用于实现客户端交互和数据验证的重要工具,特别是在表单验证方面。表单验证是确保用户输入数据有效性和安全性的关键步骤,可以减少服务器端的压力,提升用户体验,防止无效或恶意的...

    简单js表单验证大全

    以上都是简单的JavaScript表单验证实例,它们可以单独使用,也可以结合到更复杂的表单验证系统中。在实际开发中,通常会使用更高级的库如jQuery或现代框架如React、Vue等,结合表单验证库(如Formik、Vuelidate等)...

    JS客户端表单验证框架

    在使用**JS客户端表单验证框架**时,开发者不再需要手动编写复杂的JavaScript函数来处理每个验证规则。框架内包含了一套完善的规则定义系统,允许开发者根据业务需求设置各种验证条件,如必填、邮箱格式、电话号码、...

    全面的js表单验证包含正则表达式还有本人写的表单验证

    总之,这个"全面的js表单验证"资源包涵盖了表单验证的基础到进阶,是学习和提升JavaScript表单处理能力的好材料。通过深入理解和实践,初学者可以逐步掌握这一关键技能,并将其应用于实际项目中。

Global site tag (gtag.js) - Google Analytics