saber 酱的抱枕

Fly me to the moon

10/11
2014
学习

js表单验证

这也是常用的东西了,但是我之前没做过,现在研究了一下,原理就是提交表单的时候要求一个返回值,这个返回值是true还是false则由JS进行取值判断。以前不了解表单提交时可以判断true或者false的机制,还以为更加复杂呢。做了个最简单的判断姓名不能为空的demo,代码如下

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>js表单验证</title>
</head>
<body>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript">
function checkfrom () {
	if ($("#youname").val()=="") {
		alert("姓名不能为空!");
		$("#youname").focus();
		return false;
	}else{
		return true;
	};
}
</script>
<form action="../../plus/diy.php"  method="post"  onsubmit="return checkfrom()">
	姓  名:<input  id="youname" name="youname" type="text" value="">
	<input class="coolbg" name="submit" type="submit" value="提 交">
</form>
</body>
</html>

当然实际项目中的需求会更加复杂,例如可能判断姓名字数、不能有数字和空格等,贴一个常用表单验证的代码:

目录:

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&amp;&amp;event.keyCode<=90))

event.returnvalue=false;

}

</script>

<input >

4. 只能是数字

<script language=javascript>

function onlyNum()

{

if(!((event.keyCode>=48&amp;&amp;event.keyCode<=57)||(event.keyCode>=96&amp;&amp;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 &amp;&amp; (s.charCodeAt(i)>=10000);   

return ret;   

}    

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

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

<script language="javascript">  

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

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

function issmall(m,n)  

{  

if ((m<n) &amp;&amp; (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" &amp;&amp;fm[i].type.toUpperCase()=="TEXT" &amp;&amp; (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 &amp;&amp; RegExp.$2<256 &amp;&amp; RegExp.$3<256 &amp;&amp; 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&amp;&amp;RegExp.$2==0) return false;

return true;

} else {

return false;

}

}

/*

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

输入:str 输入的字符串

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

*/

function isPort( str ){ 

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

}

/*

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

输入: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;

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&amp;&amp;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]+@([_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" &amp;&amp; !f_checkTextValid(objCheck) ){ 

return false; 

} 

} 

//下拉框 

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

objCheck = objFrm.elements[i]; 

if(objCheck.type =="select-one" &amp;&amp; !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 &amp;&amp; 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&amp;&amp;RegExp.$2==0) return false; 

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

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

} 

return false; 

} 

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

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

js表单验证