JavaScript 数据有效性验证

3. //判断输入内容是否为空    
4. function IsNull(){    
5.     var str = document.getElementById('str').value.trim();    
6.     if(str.length==0){    
7.         alert('对不起，文本框不能为空或者为空格!');//请将“文本框”改成你需要验证的属性名称!    
8.     }    
9. }    
10.    
11. //判断日期类型是否为YYYY-MM-DD格式的类型    
12. function IsDate(){     
13.     var str = document.getElementById('str').value.trim();    
14.     if(str.length!=0){    
15.         var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/;     
16.         var r = str.match(reg);     
17.         if(r==null)    
18.             alert('对不起，您输入的日期格式不正确!'); //请将“日期”改成你需要验证的属性名称!    
19.         }    
20. }     
21.    
22. //判断日期类型是否为YYYY-MM-DD hh:mm:ss格式的类型    
23. function IsDateTime(){     
24.     var str = document.getElementById('str').value.trim();    
25.     if(str.length!=0){    
26.         var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;     
27.         var r = str.match(reg);     
28.         if(r==null)    
29.         alert('对不起，您输入的日期格式不正确!'); //请将“日期”改成你需要验证的属性名称!    
30.     }    
31. }     
32.    
33. //判断日期类型是否为hh:mm:ss格式的类型    
34. function IsTime()     
35. {     
36.     var str = document.getElementById('str').value.trim();    
37.     if(str.length!=0){    
38.     reg=/^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])?$/     
39.         if(!reg.test(str)){    
40.             alert("对不起，您输入的日期格式不正确!");//请将“日期”改成你需要验证的属性名称!    
41.         }    
42.     }    
43. }     
44.    
45. //判断输入的字符是否为英文字母    
46. function IsLetter()     
47. {     
48.         var str = document.getElementById('str').value.trim();    
49.         if(str.length!=0){    
50.         reg=/^[a-zA-Z]+$/;     
51.         if(!reg.test(str)){    
52.             alert("对不起，您输入的英文字母类型格式不正确!");//请将“英文字母类型”改成你需要验证的属性名称!   
55.         }    
56.         }    
57. }     
58.    
59. //判断输入的字符是否为整数    
60. function IsInteger()     
61. {       
62.         var str = document.getElementById('str').value.trim();    
63.         if(str.length!=0){    
64.         reg=/^[-+]?\d*$/;     
65.         if(!reg.test(str)){    
66.             alert("对不起，您输入的整数类型格式不正确!");//请将“整数类型”要换成你要验证的那个属性名称！    
67.         }    
68.         }    
69. }     
70.    
71. //判断输入的字符是否为双精度    
72. function IsDouble(val)     
73. {     
74.         var str = document.getElementById('str').value.trim();    
75.         if(str.length!=0){    
76.         reg=/^[-\+]?\d+(\.\d+)?$/;    
77.         if(!reg.test(str)){    
78.             alert("对不起，您输入的双精度类型格式不正确!");//请将“双精度类型”要换成你要验证的那个属性名称！  
80.   
81.         }    
82.         }    
83. }     
84.    
85.    
86. //判断输入的字符是否为:a-z,A-Z,0-9    
87. function IsString()     
88. {     
89.         var str = document.getElementById('str').value.trim();    
90.         if(str.length!=0){    
91.         reg=/^[a-zA-Z0-9_]+$/;     
92.         if(!reg.test(str)){    
93.             alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！  
95.   
96.         }    
97.         }    
98. }     
99.    
100. //判断输入的字符是否为中文    
101. function IsChinese()     
102. {     
103.         var str = document.getElementById('str').value.trim();    
104.         if(str.length!=0){    
105.         reg=/^[\u0391-\uFFE5]+$/;    
106.         if(!reg.test(str)){    
107.             alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！  
109.   
110.         }    
111.         }    
112. }     
113.    
114. //判断输入的EMAIL格式是否正确    
115. function IsEmail()     
116. {     
117.         var str = document.getElementById('str').value.trim();    
118.         if(str.length!=0){    
119.         reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;    
120.         if(!reg.test(str)){    
121.             alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！  
123.   
124.         }    
125.         }    
126. }     
127.    
128. //判断输入的邮编(只能为六位)是否正确    
129. function IsZIP()     
130. {     
131.         var str = document.getElementById('str').value.trim();    
132.         if(str.length!=0){    
133.         reg=/^\d{6}$/;    
134.         if(!reg.test(str)){    
135.             alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！  
137.   
138.         }    
139.         }    
140. }     
141.    
142. //判断输入的数字不大于某个特定的数字    
143. function MaxValue()     
144. {     
145.     var val = document.getElementById('str').value.trim();    
146.         if(str.length!=0){    
147.         reg=/^[-+]?\d*$/;     
148.         if(!reg.test(str)){//判断是否为数字类型    
149.             if(val>parseInt('123')) //“123”为自己设定的最大值    
150.             {     
151.                 alert('对不起，您输入的数字超出范围');//请将“数字”改成你要验证的那个属性名称！    
152.             }     
153.         }    
154.     }    
155. }     
156.    

另一种写法：下面是在form表单提交时验证 ，加个属性 οnsubmit="return on_submit()"  类似这样

<form action="" method="post" name="form1" οnsubmit="return on_submit()"><form/>

如果return on_submit() 返回true则提交，返回false不提交。

1. <script type="text/javascript">
3. function checkeaccount(account){
4. var Expression = /^\d{1,8}$/;
5. var objRex = new RegExp(Expression);
6. if(objRex.test(account)){
7.     return true;
8. }else{
9.     return false;
10. }
12. }
13. function checkeusername(username){
14. var Expression = /^[a-zA-Z]{1,10}$/;
15. var objRex = new RegExp(Expression);
16. if(objRex.test(username)){
17.     return true;
18. }else{
19.     return false;
20. }
22. }
23. function checkeaddress(address){
24. var Expression = /^\w{1,50}$/;
25. var objRex = new RegExp(Expression);
26. if(objRex.test(address)){
27.     return true;
28. }else{
29.     return false;
30. }
32. }
33. function checkebalance(balance){
34. var Expression = /^([1-9]{1}\d{1,7})?$|^([1-9]{1}\d{1,7}\.\d{1,2})?$/;
35. var objRex = new RegExp(Expression);
36. if(objRex.test(balance)){
37.     return true;
38. }else{
39.     return false;
40. }
42. }
44. function on_submit(){
45.     
46.     var account =  form1.account.value;
47.     var username = form1.username.value;
48.     var address = form1.address.value;
49.     var charge = form1.charge.value;
50.     
51.     if(account == ""){
52.         alert("帐号不能为空，请输入帐号！");
53.         form1.account.focus();
54.         return false;
55.     }
56.     if(!checkeaccount(account)){
57.         alert("您输入的帐号不合法！");
58.         form1.account.focus();
59.         return false;
60.     }
61.     
62.     if(username == ""){
63.         alert("姓名不能为空，请输入姓名！");
64.         form1.username.focus();
65.         return false;
66.     }
67.     if(!checkeusername(username)){
68.         alert("您输入的姓名不合法！");
69.         form1.username.focus();
70.         return false;
71.     }
72.     if(address == ""){
73.         alert("地址不能为空，请输入地址！");
74.         form1.address.focus();
75.         return false;
76.     }
77.     if(!checkeaddress(address)){
78.         alert("您输入的联系地址不合法！");
79.         form1.address.focus();
80.         return false;
81.     }
82.     if(charge == ""){
83.         alert("帐户余额不能为空，请输入帐户余额！");
84.         form1.charge.focus();
85.         return false;
86.     }
87.     if(!checkebalance(charge)){
88.         alert("您输入的金额不合法！");
89.         form1.charge.focus();
90.         return false;
91.     }
92. }
94. </script>