js表单验证大全

今天浏览偶尔发现了一个这样的帖子,就摘录了下来,以后遇到类似的问题就能重用了,这就是代码重用啊,呵呵。

关键字:js验证表单大全,用JS控制表单提交 ,javascript提交表单:

目录:

1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea
长度限制

2.:js判断汉字、判断是否汉字 、只能输入汉字

3:js判断是否输入英文、只能输入英文

4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字

5:只能输入英文字符和数字

6: js email验证 、js 判断email 、信箱/邮箱格式验证

7:js字符过滤,屏蔽关键字

8:js密码验证、判断密码

2.1: js 不为空、为空或不是对象 、判断为空 、判断不为空

2.2:比较两个表单项的值是否相同

2.3:表单只能为数字和"_",

2.4:表单项输入数值/长度限定

2.5:中文/英文/数字/邮件地址合法性判断

2.6:限定表单项不能输入的字符

2.7表单的自符控制

2.8:form文本域的通用校验函数

1. 长度限制

<script>

function test()

{

if(document.a.b.value.length>50)

{

alert("不能超过50个字符!");

document.a.b.focus();

return false;

}

}

</script>

<form test()">

<textarea cols="40" wrap="VIRTUAL"
rows="6"></textarea>

<input type="submit" value="check">

</form>

2. 只能是汉字

<input
/oblog/value.replace(/[^\u4E00-\u9FA5]/g,‘‘)">

3." 只能是英文

<script language=javascript>

function onlyEng()

{

if(!(event.keyCode>=65&&event.keyCode<=90))

event.returnvalue=false;

}

</script>

<input >

4. 只能是数字

<script language=javascript>

function onlyNum()

{

if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))

//考虑小键盘上的数字键

event.returnvalue=false;

}

</script>

<input >

5. 只能是英文字符和数字

<input /oblog/value.replace(/[\W]/g,"‘‘)
"text‘,clipboardData.getData(‘text‘).replace(/[^\d]/g,‘‘))">

6. 验证油箱格式

<SCRIPT LANGUAGE=javascript RUNAT=Server>

function isEmail(strEmail) {

if
(strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)
!= -1)

return true;

else

alert("oh");

}

</SCRIPT>

<input type=text

7. 屏蔽关键字(这里屏蔽***和****)

<script language="javascript1.2">

function test() {

if((a.b.value.indexOf ("***") ==
0)||(a.b.value.indexOf ("****") == 0)){

alert(":)");

a.b.focus();

return false;}

}

</script>

<form test()">

<input type=text

<input type="submit" value="check">

</form>

8. 两次输入密码是否相同

<FORM METHOD=POST ACTION="">

<input type="password" >

<input type="password" >

<input type="button" value="test" >

</FORM>

<script>

function check()

{

with(document.all){

if(input1.value!=input2.value)

{

alert("false")

input1.value = "";

input2.value = "";

}

else document.forms[0].submit();

}

}

</script>

够了吧 :)

屏蔽右键 很酷

oncontextmenu="return false" false" false"

加在body中

2.1  表单项不能为空

<script  language="javascript">

<!--

function  CheckForm()

{

if  (document.form.name.value.length 
==  0)  {

alert("请输入您姓名!");

document.form.name.focus();

return  false;

}

return  true;

}

-->

</script>

2.2  比较两个表单项的值是否相同

<script  language="javascript">

<!--

function  CheckForm()

if  (document.form.PWD.value  != 
document.form.PWD_Again.value)  {

alert("您两次输入的密码不一样!请重新输入.");

document.ADDUser.PWD.focus();

return  false;

}

return  true;

}

-->

</script>

2.3  表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等

<script  language="javascript">

<!--

function  isNumber(String)

{

var  Letters  = 
"1234567890-";  //可以自己增加可输入值

var  i;

var  c;

if(String.charAt(  0  )==‘-‘)

return  false;

if(  String.charAt(  String.length 
-  1  )  ==  ‘-‘  )

return  false;

for(  i  =  0;  i 
<  String.length;  i  ++  )

{

c  =  String.charAt(  i  );

if  (Letters.indexOf(  c  ) 
<  0)

return  false;

}

return  true;

}

function  CheckForm()

{

if(!  isNumber(document.form.TEL.value)) 
{

alert("您的电话号码不合法!");

document.form.TEL.focus();

return  false;

}

return  true;

}

-->

</script>

2.4  表单项输入数值/长度限定

<script  language="javascript">

<!--

function  CheckForm()

{

if  (document.form.count.value 
>  100  ||  document.form.count.value  <  1)

{

alert("输入数值不能小于零大于100!");

document.form.count.focus();

return  false;

}

if 
(document.form.MESSAGE.value.length<10)

{

alert("输入文字小于10!");

document.form.MESSAGE.focus();

return  false;

}

return  true;

}

//-->

</script>

2.5  中文/英文/数字/邮件地址合法性判断

<SCRIPT  LANGUAGE="javascript">

<!--

function  isEnglish(name)  //英文值检测

{

if(name.length  ==  0)

return  false;

for(i  =  0;  i  < 
name.length;  i++)  {

if(name.charCodeAt(i)  >  128)

return  false;

}

return  true;

}

function  isChinese(name)  //中文值检测

{

if(name.length  ==  0)

return  false;

for(i  =  0;  i  < 
name.length;  i++)  {

if(name.charCodeAt(i)  >  128)

return  true;

}

return  false;

}

function  isMail(name)  // 
E-mail值检测

{

if(!  isEnglish(name))

return  false;

i  =  name.indexOf("  at 
");

j  =  name  dot 
lastIndexOf("  at  ");

if(i  ==  -1)

return  false;

if(i  !=  j)

return  false;

if(i  ==  name  dot 
length)

return  false;

return  true;

}

function  isNumber(name)  //数值检测

{

if(name.length  ==  0)

return  false;

for(i  =  0;  i  < 
name.length;  i++)  {

if(name.charAt(i)  <  "0" 
||  name.charAt(i)  >  "9")

return  false;

}

return  true;

}

function  CheckForm()

{

if(!  isMail(form.Email.value)) 
{

alert("您的电子邮件不合法!");

form.Email.focus();

return  false;

}

if(!  isEnglish(form.name.value)) 
{

alert("英文名不合法!");

form.name.focus();

return  false;

}

if(!  isChinese(form.cnname.value)) 
{

alert("中文名不合法!");

form.cnname.focus();

return  false;

}

if(! 
isNumber(form.PublicZipCode.value))  {

alert("邮政编码不合法!");

form.PublicZipCode.focus();

return  false;

}

return  true;

}

//-->

</SCRIPT>

2.6  限定表单项不能输入的字符

<script  language="javascript">

<!--

function  contain(str,charset)// 
字符串包含测试函数

{

var  i;

for(i=0;i<charset.length;i++)

if(str.indexOf(charset.charAt(i))>=0)

return  true;

return  false;

}

function  CheckForm()

{

if  ((contain(document.form.NAME.value, 
"%\(\)><"))  ||  (contain(document.form.MESSAGE.value, 
"%\(\)><")))

{

alert("输入了非法字符");

document.form.NAME.focus();

return  false;

}

return  true;

}

//-->

</script>

1.
检查一段字符串是否全由数字组成

---------------------------------------

<script
language="Javascript"><!--

function checkNum(str){return
str.match(/\D/)==null}

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

//
--></script>

2.
怎么判断是否是字符

---------------------------------------

if (/[^\x00-\xff]/g.test(s))
alert("含有汉字");

else
alert("全是字符");

3.
怎么判断是否含有汉字

---------------------------------------

if (escape(str).indexOf("%u")!=-1)
alert("含有汉字");

else
alert("全是字符");

4. 邮箱格式验证

---------------------------------------

//函数名:chkemail

//功能介绍:检查是否为Email
Address

//参数说明:要检查的字符串

//返回值:0:不是 1:是

function
chkemail(a)

{ var i=a.length;

var temp =
a.indexOf(‘@‘);

var tempd =
a.indexOf(‘.‘);

if (temp > 1)
{

if ((i-temp) >
3){

if
((i-tempd)>0){

return 1;

}

}

}

return 0;

}

5. 数字格式验证

---------------------------------------

//函数名:fucCheckNUM

//功能介绍:检查是否为数字

//参数说明:要检查的数字

//返回值:1为是数字,0为不是数字

function
fucCheckNUM(NUM)

{

var i,j,strTemp;

strTemp="0123456789";

if ( NUM.length==
0)

return 0

for
(i=0;i<NUM.length;i++)

{

j=strTemp.indexOf(NUM.charAt(i));

if (j==-1)

{

//说明有字符不是数字

return 0;

}

}

//说明是数字

return 1;

}

6. 电话号码格式验证

---------------------------------------

//函数名:fucCheckTEL

//功能介绍:检查是否为电话号码

//参数说明:要检查的字符串

//返回值:1为是合法,0为不合法

function
fucCheckTEL(TEL)

{

var i,j,strTemp;

strTemp="0123456789-()#
";

for
(i=0;i<TEL.length;i++)

{

j=strTemp.indexOf(TEL.charAt(i));

if (j==-1)

{

//说明有字符不合法

return 0;

}

}

//说明合法

return 1;

}

7. 判断输入是否为中文的函数

---------------------------------------

function ischinese(s){

var ret=true;

for(var
i=0;i<s.length;i++)

ret=ret &&
(s.charCodeAt(i)>=10000);

return ret;

}

8. 综合的判断用户输入的合法性的函数

---------------------------------------

<script
language="javascript">

//限制输入字符的位数开始

//m是用户输入,n是要限制的位数

function issmall(m,n)

{

if ((m<n) && (m>0))

{

return(false);

}

else

{return(true);}

}

9. 判断密码是否输入一致

---------------------------------------

function issame(str1,str2)

{

if (str1==str2)

{return(true);}

else

{return(false);}

}

10. 判断用户名是否为数字字母下滑线

---------------------------------------

function notchinese(str){

var reg=/[^A-Za-z0-9_]/g

if (reg.test(str)){

return (false);

}else{

return(true);    }

}

2.8. form文本域的通用校验函数

---------------------------------------

作用:检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。

该校验现在只针对文本域,如果要针对form里面的其他域对象,可以改变判断条件。

使用方法:在要检测的文本域中加入title文字。文字是在提示信息,你要提示给用户的该字段的中文名。比如要检测用户名

html如下<input
title="姓名">,当然,最好用可视化工具比如dreamweaver什么的来编辑域。

如果要检测数字类型数据的话,再把域的id统一为sz.

javascript判断日期类型比较麻烦,所以就没有做日期类型校验的程序了.高手可以补充。

程序比较草,只是提供一个思路。抛砖引玉! :)

哦,对了,函数调用方法:< form  dovalidate()">

function dovalidate()

{

fm=document.forms[0] //只检测一个form,如果是多个可以改变判断条件

for(i=0;i<fm.length;i++)

{

//检测判断条件,根据类型不同可以修改

if(fm[i].tagName.toUpperCase()=="INPUT"
&&fm[i].type.toUpperCase()=="TEXT" && (fm[i].title!=""))

if(fm[i].value="/blog/="")//

{

str_warn1=fm[i].title+"不能为空!";

alert(str_warn1);

fm[i].focus();

return false;

}

if(fm[i].id.toUpperCase()=="SZ")//数字校验

{

if(isNaN(fm[i].value))

{ str_warn2=fm[i].title+"格式不对";

alert(str_warn2);

fm[i].focus();

return false;

}

}

}

return true;

}

用途:校验ip地址的格式

输入:strIP:ip地址

返回:如果通过验证返回true,否则返回false;

*/

function isIP(strIP) {

if (isNull(strIP)) return false;

var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g
//匹配IP地址的正则表达式

if(re.test(strIP))

{

if( RegExp.$1 <256 && RegExp.$2<256
&& RegExp.$3<256 && RegExp.$4<256) return true;

}

return false;

}

/*

用途:检查输入字符串是否为空或者全部都是空格

输入:str

返回:

如果全是空返回true,否则返回false

*/

function isNull( str ){

if ( str == "" ) return true;

var regu = "^[ ]+$";

var re = new RegExp(regu);

return re.test(str);

}

/*

用途:检查输入对象的值是否符合整数格式

输入:str 输入的字符串

返回:如果通过验证返回true,否则返回false

*/

function isInteger( str ){

var regu = /^[-]{0,1}[0-9]{1,}$/;

return regu.test(str);

}

/*

用途:检查输入手机号码是否正确

输入:

s:字符串

返回:

如果通过验证返回true,否则返回false

*/

function checkMobile( s ){

var regu =/^[1][3][0-9]{9}$/;

var re = new RegExp(regu);

if (re.test(s)) {

return true;

}else{

return false;

}

}

/*

用途:检查输入字符串是否符合正整数格式

输入:

s:字符串

返回:

如果通过验证返回true,否则返回false

*/

function isNumber( s ){

var regu = "^[0-9]+$";

var re = new RegExp(regu);

if (s.search(re) != -1) {

return true;

} else {

return false;

}

}

/*

用途:检查输入字符串是否是带小数的数字格式,可以是负数

输入:

s:字符串

返回:

如果通过验证返回true,否则返回false

*/

function isDecimal( str ){

if(isInteger(str)) return true;

var re = /^[-]{0,1}(\d+)[\.]+(\d+)$/;

if (re.test(str)) {

if(RegExp.$1==0&&RegExp.$2==0) return
false;

return true;

} else {

return false;

}

}

/*

用途:检查输入对象的值是否符合端口号格式

输入:str 输入的字符串

返回:如果通过验证返回true,否则返回false

*/

function isPort( str ){

return (isNumber(str) && str<65536);

}

/*

用途:检查输入对象的值是否符合E-Mail格式

输入:str 输入的字符串

返回:如果通过验证返回true,否则返回false

*/

function isEmail( str ){

var myReg =
/^[-_A-Za-z0-9][email protected]([_A-Za-z0-9]+\.)+[A-Za-z0-9]{2,3}$/;

if(myReg.test(str)) return true;

return false;

}

/*

用途:检查输入字符串是否符合金额格式

格式定义为带小数的正数,小数点后最多三位

输入:

s:字符串

返回:

如果通过验证返回true,否则返回false

*/

function isMoney( s ){

var regu = "^[0-9]+[\.][0-9]{0,3}$";

var re = new RegExp(regu);

if (re.test(s)) {

return true;

} else {

return false;

}

}

/*

用途:检查输入字符串是否只由英文字母和数字和下划线组成

输入:

s:字符串

返回:

如果通过验证返回true,否则返回false

*/

function isNumberOr_Letter( s ){//判断是否是数字或字母

var regu = "^[0-9a-zA-Z\_]+$";

var re = new RegExp(regu);

if (re.test(s)) {

return true;

}else{

return false;

}

}

/*

用途:检查输入字符串是否只由英文字母和数字组成

输入:

s:字符串

返回:

如果通过验证返回true,否则返回false

*/

function isNumberOrLetter( s ){//判断是否是数字或字母

var regu = "^[0-9a-zA-Z]+$";

var re = new RegExp(regu);

if (re.test(s)) {

return true;

}else{

return false;

}

}

/*

用途:检查输入字符串是否只由汉字、字母、数字组成

输入:

value:字符串

返回:

如果通过验证返回true,否则返回false

*/

function isChinaOrNumbOrLett( s
){//判断是否是汉字、字母、数字组成

var regu =
"^[0-9a-zA-Z\u4e00-\u9fa5]+$";

var re = new RegExp(regu);

if (re.test(s)) {

return true;

}else{

return false;

}

}

/*

用途:判断是否是日期

输入:date:日期;fmt:日期格式

返回:如果通过验证返回true,否则返回false

*/

function isDate( date, fmt ) {

if (fmt==null) fmt="yyyyMMdd";

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(!isNumber(year)||year>"2100" || year<
"1900") return false;

if(!isNumber(month)||month>"12" || month<
"01") return false;

if(day>getMaxDay(year,month) || day< "01")
return false;

return true;

}

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

}

/*

用途:字符1是否以字符串2结束

输入:str1:字符串;str2:被包含的字符串

返回:如果通过验证返回true,否则返回false

*/

function isLastMatch(str1,str2)

{

var index = str1.lastIndexOf(str2);

if(str1.length==index+str2.length) return true;

return false;

}

/*

用途:字符1是否以字符串2开始

输入:str1:字符串;str2:被包含的字符串

返回:如果通过验证返回true,否则返回false

*/

function isFirstMatch(str1,str2)

{

var index = str1.indexOf(str2);

if(index==0) return true;

return false;

}

/*

用途:字符1是包含字符串2

输入:str1:字符串;str2:被包含的字符串

返回:如果通过验证返回true,否则返回false

*/

function isMatch(str1,str2)

{

var index = str1.indexOf(str2);

if(index==-1) return false;

return true;

}

/*

用途:检查输入的起止日期是否正确,规则为两个日期的格式正确,

且结束如期>=起始日期

输入:

startDate:起始日期,字符串

endDate:结束如期,字符串

返回:

如果通过验证返回true,否则返回false

*/

function checkTwoDate( startDate,endDate ) {

if( !isDate(startDate) ) {

alert("起始日期不正确!");

return false;

} else if( !isDate(endDate) ) {

alert("终止日期不正确!");

return false;

} else if( startDate > endDate ) {

alert("起始日期不能大于终止日期!");

return false;

}

return true;

}

/*

用途:检查输入的Email信箱格式是否正确

输入:

strEmail:字符串

返回:

如果通过验证返回true,否则返回false

*/

function checkEmail(strEmail) {

//var emailReg =
/^[_a-z0-9][email protected]([_a-z0-9]+\.)+[a-z0-9]{2,3}$/;

var emailReg =
/^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;

if( emailReg.test(strEmail) ){

return true;

}else{

alert("您输入的Email地址格式不正确!");

return false;

}

}

/*

用途:检查输入的电话号码格式是否正确

输入:

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

var prompt = "您输入的电话号码不正确!"

if( strPhone.length > 9 ) {

if( phoneRegWithArea.test(strPhone) ){

return true;

}else{

alert( prompt );

return false;

}

}else{

if( phoneRegNoArea.test( strPhone ) ){

return true;

}else{

alert( prompt );

return false;

}

}

}

/*

用途:检查复选框被选中的数目

输入:

checkboxID:字符串

返回:

返回该复选框中被选中的数目

*/

function checkSelect( checkboxID ) {

var check = 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  ) {

check += 1;

}

}

}else{

if( document.all(checkboxID).checked )

check = 1;

}

return check;

}

function getTotalBytes(varField) {

if(varField == null)

return -1;

var totalCount = 0;

for (i = 0; i< varField.value.length; i++) {

if (varField.value.charCodeAt(i) > 127)

totalCount += 2;

else

totalCount++ ;

}

return totalCount;

}

function getFirstSelectedValue( checkboxID ){

var value = null;

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
){

value = document.all(checkboxID).item(i).value;

break;

}

}

} else {

if( document.all(checkboxID).checked )

value = document.all(checkboxID).value;

}

return value;

}

function getFirstSelectedIndex( checkboxID ){

var value = -2;

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  ) {

value = i;

break;

}

}

} else {

if( document.all(checkboxID).checked )

value = -1;

}

return value;

}

function selectAll( checkboxID,status ){

if( document.all(checkboxID) == null)

return;

if( document.all(checkboxID).length > 0 ){

for(  i=0;
i<document.all(checkboxID).length; i++ ){

document.all(checkboxID).item( i ).checked =
status;

}

} else {

document.all(checkboxID).checked = status;

}

}

function selectInverse( checkboxID ) {

if( document.all(checkboxID) == null)

return;

if( document.all(checkboxID).length > 0 ) {

for(  i=0;
i<document.all(checkboxID).length; i++ ) {

document.all(checkboxID).item( i ).checked =
!document.all(checkboxID).item( i ).checked;

}

} else {

document.all(checkboxID).checked =
!document.all(checkboxID).checked;

}

}

function checkDate( value ) {

if(value==‘‘) return true;

if(value.length!=8 || !isNumber(value)) return
false;

var year = value.substring(0,4);

if(year>"2100" || year< "1900")

return false;

var month = value.substring(4,6);

if(month>"12" || month< "01") return
false;

var day = value.substring(6,8);

if(day>getMaxDay(year,month) || day< "01")
return false;

return true;

}

/*

用途:检查输入的起止日期是否正确,规则为两个日期的格式正确或都为空

且结束日期>=起始日期

输入:

startDate:起始日期,字符串

endDate:  结束日期,字符串

返回:

如果通过验证返回true,否则返回false

*/

function checkPeriod( startDate,endDate ) {

if( !checkDate(startDate) ) {

alert("起始日期不正确!");

return false;

} else if( !checkDate(endDate) ) {

alert("终止日期不正确!");

return false;

} else if( startDate > endDate ) {

alert("起始日期不能大于终止日期!");

return false;

}

return true;

}

/*

用途:检查证券代码是否正确

输入:

secCode:证券代码

返回:

如果通过验证返回true,否则返回false

*/

function checkSecCode( secCode ) {

if( secCode.length !=6 ){

alert("证券代码长度应该为6位");

return false;

}

if(!isNumber( secCode ) ){

alert("证券代码只能包含数字");

return false;

}

return true;

}

/****************************************************

function:cTrim(sInputString,iType)

description:字符串去空格的函数

parameters:iType:1=去掉字符串左边的空格

2=去掉字符串左边的空格

0=去掉字符串左边和右边的空格

return value:去掉空格的字符串

****************************************************/

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脚本,验证表单中的数据项  begin

-------------------------------------------------------------------------------

*/

function checkForm(objFrm){

var len = 0;

len = objFrm.elements.length;

var i = 0;

var objCheck;

//文本框

for(i = 0; i < len; i ++){

objCheck = objFrm.elements[i];

if(objCheck.type =="text" &&
!f_checkTextValid(objCheck) ){

return false;

}

}

//下拉框

for(i = 0; i < len; i ++){

objCheck = objFrm.elements[i];

if(objCheck.type =="select-one" &&
!f_checkSelectValid(objCheck) ){

return false;

}

}

//时间段有效

if( f_checkStartAndEndDate(objFrm) == false) return
false;

return true;

}

function f_checkSelectValid(obj){

//alert("check select");

if(obj.options.length <= 0){

alert("下拉选框无数据!");

return false;

}

return true;

}

function f_checkStartAndEndDate(frm){

var len = frm.elements.length;

if(len == null && len == 0) return
true;

var i=0;

var temp;

var objCheck;

var objStartDate;

var objEndDate;

//alert("start date period check");

try{

for(i=0; i< len ; i++){

objCheck = frm.elements[i];

temp = objCheck.name;

if( temp.indexOf("startDate") >0
||temp.indexOf("beginDate")>0 )

objStartDate = objCheck;

if( temp.indexOf("endDate") > 0 )

objEndDate = objCheck;

}

//alert(objStartDate.value);

//alert(objEndDate.value);

if(objStartDate.value==null || objStartDate.value
=="" || objStartDate.value ==null || objStartDate.value ==""){

return true;

}

return checkTwoDate(objStartDate.value,
objEndDate.value);

//alert("end date period check");

}catch(E){}

return true;

}

function f_checkTextValid(obj){

//不能为空

if(obj.getAttribute("isNeed") != null){

if(f_isNotNull(obj) == false) return
false;

}

//不能超过长度

if(obj.getAttribute("maxlength") !=
null){

if(f_checkLength(obj) == false) return
false;

}

var checkType ="";

checkType =
obj.getAttribute("checkType");

if(checkType==null||checkType=="") return
true;

//

if (checkType.indexOf("number") >=0){

if(f_isNumber(obj) == false)  return
false;

if(f_checkNumType(obj,checkType) == false) 
return false;

}

//

if (checkType.indexOf("positive")
>=0){

if(f_isNumber(obj) == false)  return
false;

if(f_isPositive(obj)==false)  return
false;

if(f_checkNumType(obj,checkType) == false) 
return false;

}

if (checkType.indexOf("date") >=0){

if(f_checkDate(obj) == false) return
false;

}

/*

switch(checkType){

case "number": if(f_isNumber(obj) == false) return
false;break;

case "date": if(f_checkDate(obj) == false) return
false;break;

default:

}

*/

return true;

}

function f_isNotNull(obj){

if(obj.value == ""){

f_alert(obj, " 不允许为空值!");

return false;

}

return true;

}

function f_isNumber(obj){

if(isNaN(obj.value)){

f_alert(obj," 应为数值类型");

return false;

}

return true;

}

function f_checkDate(obj) {

if(checkDate(obj.value) ==false){

f_alert(obj," 不是合法日期格式!");

return false;

}

return true;

}

function f_checkLength(obj){

if(getTotalBytes(obj) > Math.abs(
obj.getAttribute("maxlength") ) ){

f_alert(obj," 超出长度限制!");

return false;

}

return true;

}

function  f_alert(obj,alertStr){

var fielName =
obj.getAttribute("fieldName");

if(fielName == null)

fielName = "";

alert(fielName + "\n" +alertStr);

obj.select();

obj.focus();

}

function f_checkNumType(obj, numType){

//假设: 已经进行数字类型判断

var strTemp;

var numpric;

var numLen;

var strArr;

var defaultLen = 19;

var defaultpric = 5;

try{

if(numType == null|| numType =="") return
f_checkNumLenPrec(obj,defaultLen, defaultpric);

if(numType.indexOf("(") < 0 ||
numType.indexOf(")") < 0 ) return f_checkNumLenPrec(obj,defaultLen,
defaultpric);

strTemp = numType.substr( numType.indexOf("(") + 1
,numType.indexOf(")") - numType.indexOf("(") -1 );

if(strTemp == null||strTemp =="") return
f_checkNumLenPrec(obj,defaultLen, defaultpric);

strArr = strTemp.split(",");

numLen = Math.abs( strArr[0] );

numpric = Math.abs( strArr[1] );

return f_checkNumLenPrec(obj,numLen,
numpric);

}catch(e){

alert("in f_checkNumType = " + e);

return f_checkNumLenPrec(obj,defaultLen,
defaultpric);

}

}

function f_checkNumLenPrec(obj, len,
pric){

var numReg;

var value = obj.value;

var strValueTemp, strInt, strDec;

//alert(value + "=====" + len + "====="+
pric);

try{

numReg =/[\-]/;

strValueTemp = value.replace(numReg, "");

strValueTemp = strValueTemp.replace(numReg,
"");

//整数

if(pric==0){

numReg =/[\.]/;

//alert(numReg.test(value));

if(numReg.test(value) == true){

f_alert(obj, "输入必须为整数类型!");

return false;

}

}

if(strValueTemp.indexOf(".") < 0 ){

//alert("lennth==" + strValueTemp);

if(strValueTemp.length >( len -
pric)){

f_alert(obj, "整数位不能超过"+ (len - pric)
+"位");

return false;

}

}else{

strInt = strValueTemp.substr( 0,
strValueTemp.indexOf(".") );

//alert("lennth==" + strInt);

if(strInt.length >( len - pric)){

f_alert(obj, "整数位不能超过"+ (len - pric)
+"位");

return false;

}

strDec = strValueTemp.substr(
(strValueTemp.indexOf(".")+1), strValueTemp.length );

//alert("pric==" + strDec);

if(strDec.length > pric){

f_alert(obj, "小数位不能超过"+  pric +"位");

return false;

}

}

return true;

}catch(e){

alert("in f_checkNumLenPrec = " + e);

return false;

}

}

function f_isPositive(obj){

var numReg =/[\-]/;

if(numReg.test(obj.value) == true){

f_alert(obj, "必须为正数!");

return false;

}

return true;

}

/*

function selectedCheckboxCount(form)

功能说明:对Form中选中的可选项计数

参数说明:

form:指定的表单

*/

function selectedCheckboxCount(form){

var length =0;

var i=0;

var count =0;

eles = form.elements;

while(i<eles.length){

obj= eles.item(i);

//type =
obj.attributes.item("type").nodeValue;

type = obj.type;

if(type == "checkbox"){

if(obj.checked){

count++;

}

}

i++;

}

return count;

}

//得到字节长度

function getByteLen(str)

{

var l = str.length;

var n = l;

for ( var i=0; i<l; i++ )

if ( str.charCodeAt(i) <0 || str.charCodeAt(i)
>255 )

n=n+1;

return n

}

/*

说明:

1.清除表格中的数据(0.0 和 0)

2.如果cell中没有数据,则自动加上一个空格

3.清除空白行的checkbox

参数:

clearzero:是否清除"0"、"0.0",false不清除、true清除(默认为true)

tablename:要清除的表格名字,默认为sortTable

*/

function clear_table(clearzero,tablename)

{

var tobject;

if(tablename==null)

tobject=gmobj("sortTable");

else

tobject=gmobj(tablename);

//如果table未定义,则不进行过滤

if(tobject==null)

return;

//如果函数调用参数为空,表示要清除0、0.0;反之,不要清除0、0.0。

var clear =
(clearzero==null)?true:clearzero;

//清除0、0.0,填补空格

var rows = tobject.rows;

var j=0;

for(var i=0;i<rows.length;i++)

{

//取得第一个cell的属性clear,如果为1,表示该行没有数据,则清除该行所有数据

while(tobject.rows[i].cells[j] != null)

{

if(clear)

{

if(tobject.rows[i].cells[j].innerHTML==0
||tobject.rows[i].cells[j].innerHTML==0.0||tobject.rows[i].cells[j].innerHTML=="")

tobject.rows[i].cells[j].innerText=" ";

}

else

{

if
(tobject.rows[i].cells[j].innerHTML=="")

tobject.rows[i].cells[j].innerText=" ";

}

j++;

}

j=0;

}

return true;

}

function gmobj(mtxt)  /* Get object by object
name */

{

if (document.getElementById) {

m=document.getElementById(mtxt);

} else if (document.all) {

m=document.all[mtxt];

} else if (document.layers) {

m=document.layers[mtxt];

}

return m;

}

/*

-------------------------------------------------------------------------------

说明:JavaScript脚本,验证表单中的数据项  end

-------------------------------------------------------------------------------

*/

/*

用途:检查输入字符串是否是带小数的数字格式,可以是负数(并且满足规定的精度)

输入:str:字符串

l:总位数

d:小数点后位数

返回:

如果通过验证返回true,否则返回false

*/

function isDecimal( str,l,d
){

if(isInteger(str)) {

if (l==null)  return true;

if (str<0) l--;

if (str.length<=l) return true;

}

var re = /^[-]{0,1}(\d+)[\.]+(\d+)$/;

if (re.test(str)) {

if (l==null)  return true;

if (d==null) d=0;

if(RegExp.$1==0&&RegExp.$2==0) return
false;

if
(RegExp.$1.length+RegExp.$2.length<=l

&& RegExp.$2.length<=d)  return
true;

}

return false;

}

onclick="isNull(‘Co.PageForm.CompetitorName‘);"

Co--指本页面   PageForm--指formName 
CompetitorName---指的是文本栏名

时间: 2025-01-03 01:08:32

js表单验证大全的相关文章

引用JS表单验证大全 以后方便查看用

1:js 字符串长度限制.判断字符长度 .js限制输入.限制不能输入.textarea 长度限制 2.:js判断汉字.判断是否汉字 .只能输入汉字 3:js判断是否输入英文.只能输入英文 4:js只能输入数字,判断数字.验证数字.检测数字.判断是否为数字.只能输入数字 5:只能输入英文字符和数字 6: js email验证 .js 判断email .信箱/邮箱格式验证 7:js字符过滤,屏蔽关键字 8:js密码验证.判断密码 2.1: js 不为空.为空或不是对象 .判断为空 .判断不为空 2.

js表单验证工具包

常用的js表单验证方法大全 1 /* 2 非空校验 : isNull() 3 是否是数字: isNumber(field) 4 trim函数: trim() lTrim() rTrim() 5 校验字符串是否为空: checkIsNotEmpty(str) 6 校验字符串是否为整型: checkIsInteger(str) 7 校验整型最小值: checkIntegerMinValue(str,val) 8 校验整型最大值: checkIntegerMaxValue(str,val) 9 校验整

JS表单验证类HTML代码实例

以前用的比较多的一个JS表单验证类,对于个人来说已经够用了,有兴趣的可以在此基础上扩展成ajax版本.本表单验证类囊括了密码验证.英文4~10个 字符验证. 中文非空验证.大于10小于100的数字.浮点数验证.日期验证.邮件检查.网址验证.固定电话和手机号码验证.IP地址验证.邮编和QQ号码验证. MSN和身份证验证等. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.

jquery.validation.js 表单验证

jquery.validation.js 表单验证 官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明 一导入js库 <script src="../js/jquery.js" type="text/javascript"></script> <script src="../js/jq

JS表单验证-12个常用的JS表单验证

最近有个项目用到了表单验证,小编在项目完结后的这段时间把常用的JS表单验证demo整理了一下,和大家一起分享~~~ 1. 长度限制 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 6

简单的JS表单验证效果代码

简单的JS表单验证代码:表单验证几乎是不可缺少的,有的表单验证是在后台完成的,有的则是使用JavaScript在在前端完成基本的验证,这样可以有效的减轻服务器的压力,下面就介绍一下JS实现的最简单的表单验证.代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://w

angular js 表单验证

1 <!doctype html> 2 <html ng-app="myapp"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 body{ 8 padding: 50px; 9 font-family: "微软雅黑"; 10 } 11 input{ 12 margi

jquery.validate.js表单验证

引用jquery封装好的js文件进行表单验证,提高了Web开发的效率.我写了一个验证的实例给大家展示一下. 实例中包含的验证方法还不全面,如果没有大家想要的可以通过 百度搜索关键:jquery.validate.js表单验证帮助文档来进行查阅. 引入的js文件: <script type="text/javascript" src="js/jquery-1.11.2.js"></script> <script type="te

js表单验证 插件jQuery-Validation-Engine-master

做项目基本离不开表单验证,想要美观,简洁,不占内存,用户体验效果好 所以我推荐一款js表单验证 因为我觉得这个挺好的,所以分享下 文档 下面也有下载的压缩包 https://github.com/posabsolute/jQuery-Validation-Engine 昵称做了ajax验证判断输入的用户是否存在 会提示先等待的信息...(我这里设置的时候是2秒) 如果用户名存在 会显示红色的气泡 如果用户名可以使用 会显示绿色的汽泡 还可以改变消息框的位置 如果弹出多个消息框 可以从上到下逐个提