`

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;
 
        }

 

分享到：
| Eclipse因为js validator无法通过导致buil ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

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

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

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

    JS动态即时验证INPUT表单内容是否合法

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

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

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

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

    js验证表单 js验证表单

    js表单验证控制代码大全 /* 目录: 1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字 3:js判断是否输入英文、只能输入英文 4:js只能...

    JS验证表单大全

    JS验证表单大全,常用的

    js表单验证控制代码大全

    4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字 5:只能输入英文字符和数字 6: js email验证 、js 判断email 、信箱/邮箱格式验证 7:js字符过滤,屏蔽关键字 8:js密码验证、判断密码 ...

    js验证表单大全

    4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字 5:只能输入英文字符和数字 6: js email验证 、js 判断email 、信箱/邮箱格式验证 7:js字符过滤,屏蔽关键字 8:js密码验证、判断...

    js表单输入正则表达式验证代码

    js表单输入正则表达式验证代码

    通用JS表单验证

    使用时请将下面的javascript代码存到一个单一的js文件中。 1、表单要求 (this)"&gt; 将对表单中的所有以下类型的域依次验证，所有验证是去除了前导和后缀空格的，要注意是区分大小写的。 2、空值验证 表单中任意域...

    javascript表单美化和验证插件

    主要特色： 完全响应式； 完美键盘操作支持； 可定制的输入标签：select, radio, checkbox 以及 file； 自定义的日期选择器 本地化支持 表单验证的代码示例：

    超强大的JS表单验证及使用方法教程

    超强大的JS表单验证及使用方法教程： 真实姓名只允许中文； 英文名只允许英文字母； 非法的Url； 密码不符合安全规则； 两次输入的密码不一致； 信箱格式不正确； QQ号码不存在； 身份证号码不正确； 电话号码不正确...

    js封装表单输入数据的验证 V1.0

    在初始的版本上加入新的验证功能。【初始版本：https://download.csdn.net/download/qq_38313548/10865693 】 该版本新增特殊的密码验证和再次输入的密码验证。验证密码必须由字母数组和特殊字符组成。当前版本为：V...

    表单JS验证代码汇总

    到处收集的，表单JS验证代码汇总。包括表单的长度限制，只能输入英文，只能输入中文，只能输入数字，EMAIL验证等等功能。

    JS验证页面form表单数据，齐全

    在form表单上添加一个提交事件调用验证数据方法 (this,3);"&gt; 请输入正确的手机号！" requiremsg="移动电话不能为空！"/&gt; require指不能为空（true表示不允许为空），dataType指数据类型（Mobile表示是手机...

    javascript表单验证大全

    javascript表单验证大全 js表单验证控制代码大全 1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制 2.:js判断汉字、判断是否汉字 、只能输入汉字 3:js判断是否输入英文、只能...

    js表单验证代码全集.docx

    4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字 5:只能输入英文字符和数字 6: js email验证 、js 判断email 、信箱/邮箱格式验证 7:js字符过滤,屏蔽关键字 8:js密码验证、判断密码 ...

    一个Ajax无刷新表单输入验证特效插件.rar

    一个Ajax无刷新表单输入验证特效插件，主要是可以适时弹出提示信息，点确认后，仍使用传统的弹出框弹出信息，各参数设置说明： 　chk.config:待验证项目信息,对应项目说明： 　id:待验证项目的id.(类型:字符串,必填)...

    form-validate-js:支持原生 HTML5 验证属性和输入类型的轻量级 JavaScript 表单验证库

    支持原生 HTML5 验证属性和输入类型的轻量级 JavaScript 表单验证库。 仍在开发中 :sleeping_face: 简单使用示例 FormValidator ( '#register_form' , { events : [ 'submit' , 'change' , 'input' ] , ...

    最全面的JS表单验证

    输入：str 输入的字符串 返回：如果通过验证返回true,否则返回false */ function isEmail(str) { var myReg = /^[-_A-Za-z0-9]+@([_A-Za-z0-9]+\.)+[A-Za-z0-9]{2,3}$/; if (myReg.test(str)) return true; ...

Magicbox
Global site tag (gtag.js) - Google Analytics