html中常用JavaScript验证表单文本域方法，如日期、字符串、数字等

1. //===========验证函数 start 
2. var isIE = false; 
3. var isFF = false; 
4. var isSa = false; 
5. if ((navigator.userAgent.indexOf("MSIE") > 0) && (parseInt(navigator.appVersion) >= 4)) { 
6.     isIE = true; 
7. } 
8. if (navigator.userAgent.indexOf("Firefox") > 0) { 
9.     isFF = true; 
10. } 
11. if (navigator.userAgent.indexOf("Safari") > 0) { 
12.     isSa = true; 
13. } 
14.  
15. //作用：控制职能输入数字 
16. function onlyNumber(e) { 
17.     var key; 
18.     iKeyCode = window.event ? e.keyCode : e.which; 
19.     if (!(((iKeyCode >= 48) && (iKeyCode <= 57)) || (iKeyCode == 13) || (iKeyCode == 46) || (iKeyCode == 45) || (iKeyCode == 37) || (iKeyCode == 39) || (iKeyCode == 8))) { 
20.         if (isIE) { 
21.             e.returnValue = false; 
22.         } else { 
23.             e.preventDefault(); 
24.         } 
25.     } 
26. } 
27.  
28. // 文本框： <input type="text" maxlength="8" Class="input" name="txtName" οnkeypress="return onlyNumber(event)" style="ime-mode:Disabled"  size="25"/> 
29. /*
30. 禁止提交非小数或非整数，需要三个步骤：
31. 1.文本框事件 οnkeypress="return onlyNumber(event)"
32. 2.文本框样式 style="ime-mode:Disabled"
33. 3.在提交函数save()里，添加
34.   if (validateNumber('txtName')){
35.        document.form1.submit();
36.     }
37. */ 
38. //如果包含非数字，则返回false。允许输入小数点 
39. function validateNumber() { 
40.     var len = arguments.length; 
41.     var flag = true; 
42.     for (var i = 0; i < arguments.length; i++) { 
43.         flag = numericCheck(arguments[i]); 
44.     } 
45.     return flag; 
46. } 
47.  
48. //作用：只允许输入数字，并提示发现若干个个不可接受的字符 
49. function numericCheck(parameter) { 
50.     var el = document.getElementById(parameter); 
51.     nr1 = document.getElementById(parameter).value; 
52.     flg = 0; 
53.     str = ""; 
54.     spc = ""; 
55.     arw = ""; 
56.     for (var i = 0; i < nr1.length; i++) { 
57.         cmp = ".0123456789"; 
58.         tst = nr1.substring(i, i + 1); 
59.         if (cmp.indexOf(tst) < 0) { 
60.             flg++; 
61.             str += " " + tst; 
62.             spc += tst; 
63.             arw += "^"; 
64.         } else { 
65.             arw += "_"; 
66.         } 
67.     } 
68.     if (flg != 0) { 
69.         if (spc.indexOf(" ") > -1) { 
70.             str += "和空格"; 
71.         } 
72.         var prevNode = el.parentNode.previousSibling.innerText; 
73.         alert(prevNode+"只允许输入数字，发现" +flg+"个不可接受的字符/n"); 
74.         el.select(); 
75.         el.focus(); 
76.         return false; 
77.     } else { 
78.         return true; 
79.     } 
80. } 
81.  
82. //作用：判断日期是否合法，能够有效的验证闰年，支持的日期格式有：2009-01-01、2009/01/01两种格式 
83. //参数：dateValue 
84. function IsDate(dateValue) { 
85.     var regex = new RegExp("^(?:(?:([0-9]{4}(-|/)(?:(?:0?[1,3-9]|1[0-2])(-|/)(?:29|30)|((?:0?[13578]|1[02])(-|/)31)))|([0-9]{4}(-|/)(?:0?[1-9]|1[0-2])(-|/)(?:0?[1-9]|1//d|2[0-8]))|(((?:(//d//d(?:0[48]|[2468][048]|[13579][26]))|(?:0[48]00|[2468][048]00|[13579][26]00))(-|/)0?2(-|/)29))))$"); 
86.     if (!regex.test(dateValue)) { 
87.         return false; 
88.     } else { 
89.         return true; 
90.     } 
91. } 
92.  
93. //作用：比较日期,目前只支持“年－月－日”格式,如果sEndDate晚于sBeginDate，返回true， 
94. //参数：sBeginDate 
95. //     sEndDate 
96. function compareDate(sBeginDate, sEndDate) { 
97.     var strdt1 = sBeginDate.replace("-", "/"); 
98.     var strdt2 = sEndDate.replace("-", "/"); 
99.     var dt1 = new Date(Date.parse(strdt1)); 
100.     var dt2 = new Date(Date.parse(strdt2)); 
101.     if (dt1 <= dt2) { 
102.         return true; 
103.     } else { 
104.         return false; 
105.     } 
106. } 
107.  
108. //===========验证函数 end 
109.  
110. //字符串操作函数 
111. String.prototype.trim = function () { 
112.     return this.replace(/(^/s*)|(/s*$)/g, ""); 
113. }; 
114. String.prototype.ltrim = function () { 
115.     return this.replace(/(^/s*)/g, ""); 
116. }; 
117. String.prototype.rtrim = function () { 
118.     return this.replace(/(/s*$)/g, ""); 
119. }; 
120.  
121.  
122. //作用：删除左右两端的空格 
123. //参数：str，待处理的字符串 
124. function trim(str) { 
125.     return str.replace(/(^/s*)|(/s*$)/g, ""); 
126. } 
127.  
128. //作用：删除左边的空格 
129. //参数：str，待处理的字符串 
130. function ltrim(str) { 
131.     return str.replace(/(^/s*)/g, ""); 
132. } 
133.  
134. //作用：删除右边的空格 
135. //参数：str，待处理的字符串 
136. function rtrim(str) { 
137.     return str.replace(/(/s*$)/g, ""); 
138. } 
139.  
140. //作用：去除左右空格，判断得出值的长度是否为0，是则true，大于0则false 
141. //参数：value 
142. function ifValueLengthIsZero(value) { 
143.     var v = trim(value); 
144.     if (v.length < 1) { 
145.         return true; 
146.     } 
147.     return false; 
148. } 
149.  
150. //作用：字符串操作函数，数字校检 
151. //使用范例：<input type="text" name="Code" size="10" maxlength="6" OnKeyPress="Javascript:NumInputOnly();" 
152. function NumInputOnly() { 
153.     if (event.keyCode > 57 || event.keyCode < 48) { 
154.         event.keyCode = 0; 
155.     } 
156. } 
157.  
158. //作用：判断是否为输入整数 
159. //参数：s,传入字符串 
160. function isInt(s) { 
161.     if (s.value == "") { 
162.         return true; 
163.     } 
164.     var chk = parseInt(s.value, 10); 
165.     if (chk != s.value || chk < 0) { 
166.         alert("该字段应是正整数！"); 
167.         s.focus(); 
168.         s.select(); 
169.         return false; 
170.     } 
171.     return true; 
172. } 
173.  
174. //作用：浮点数输入判断 
175. //参数：obj传入参数 
176. function isFloat(obj) { 
177.     if (obj.value == "") { 
178.         return true; 
179.     } 
180.     var chk = parseFloat(obj.value); 
181.     if (chk != obj.value) { 
182.         alert("该字段应是整数或小数！"); 
183.         obj.focus(); 
184.         obj.select(); 
185.         return false; 
186.     } 
187.     return true; 
188. } 
189.  
190. //作用：获得字符串串长度 
191. //参数：value，传入字符串 
192. function strLen(value) { 
193.     var str, Num = 0; 
194.     for (var i = 0; i < value.length; i++) { 
195.         str = value.substring(i, i + 1); 
196.         if (str <= "~") { 
197.             Num += 1; 
198.         } else { 
199.             Num += 2; 
200.         } 
201.     } 
202.     return Num; 
203. } 
204.  
205. //作用：最小长度  （不能为空） 
206. //参数：value，传入字符串 
207. function vMinlength(obj, minlength) { 
208.     if (trim(obj.value).length < minlength) { 
209.         obj.focus(); 
210.         obj.select(); 
211.         return false; 
212.     } 
213.     return true; 
214. } 
215.  
216. //作用：最大长度  （不能为空） 
217. //参数：value，传入字符串 
218. function vMaxlength(obj, maxlength) { 
219.     if (trim(obj.value).length > maxlength) { 
220.         obj.focus(); 
221.         obj.select(); 
222.         return false; 
223.     } 
224.     return true; 
225. } 
226.  
227. //作用：判断输入时是否超过了数据库设定的字符长度 
228. //参数：Str，页面上的字段 
229. //     ValidStrLength,数据库设置的长度 
230. //     StrName,表示是什么字段名称 
231. //调用指南： 
232. /*  if (!TrueLength(vcjlzdbdh.value,50,"证书编号")){
233.         vcjlzdbdh.focus();
234.         return(false);
235.     }
236.     若超过长度，则会弹出“您输入的 证书编号 长度超过最大允许值。”的提示
237. */ 
238. function TrueLength(Str, ValidStrLength, StrName) { 
239.     var r; 
240.     var i; 
241.     var count = 0; 
242.     var ret; 
243.     for (i = 0; i < Str.length; i++) { 
244.         r = Str.charCodeAt(i, 1); 
245.         if (r > 255) { 
246.             count = count + 2; 
247.         } else { 
248.             count = count + 1; 
249.         } 
250.     } 
251.     if (count > ValidStrLength) { 
252.         alert("您输入的 "+StrName+" 长度超过最大允许值。"); 
253.         ret = false; 
254.     } else { 
255.         ret = true; 
256.     } 
257.     return ret;