
平台论坛博客文库

› 论坛 › 程序设计 › Web开发 › javascript与正则表达式的验证

javascript与正则表达式的验证 [复制链接]

so_brave

家境小康

论坛徽章:: 0

电梯直达

1楼 [收藏(0)] [报告]

发表于 2011-11-23 10:28 |只看该作者 |倒序浏览

javascript与正则表达式的验证

Js代码

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

复制代码

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

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

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

Js代码

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

复制代码

文库|博客

返回列表

Chinaunix › 论坛 › 程序设计 › Web开发 › javascript与正则表达式的验证

javascript与正则表达式的验证 [复制链接]

浏览过的版块