php 验证码 表单验证 带刷新的验证码php

php 验证码 表单验证 带刷新的验证码php

如果验证码输入是正确提交后显示失败,请检查post.php文件,前面不要任何空格或者其他字符

演示

 

 

XML/HTML Code

1. <form action="#" name="MYFORM" id="MYFORM">  
2.   
3.     <label>Name</label>  
4.     <input name="name" size="30" type="text" id="name">  
5.     <br clear="all" />  
6.     <label>Email</label>  
7.     <input name="email" size="30" type="text" id="email">  
8.     <br clear="all" />  
9.     <label>Message</label>  
10.     <textarea id="message" name="message"></textarea>  
11.     <br clear="all" />  
12.       
13.       
14.     <div id="wrap" align="center">  
15.         <img src="get_captcha.php" alt="" id="captcha" />  
16.           
17.         <br clear="all" />  
18.         <input name="code" type="text" id="code">  
19.     </div>  
20.     <img src="refresh.jpg" width="25" alt="" id="refresh" />  
21.       
22.     <br clear="all" /><br clear="all" />  
23.     <label> </label>  
24.     <input value="Send" type="submit" id="Send">  
25.   
26.   
27. </form>  

 

 

JavaScript Code

1. <script>  
2.   
3. $(document).ready(function() {   
4.   
5.      $('#Send').click(function() {    
6.           
7.             // name validation  
8.               
9.             var nameVal = $("#name").val();  
10.             if(nameVal == '') {  
11.                   
12.                 $("#name_error").html('');  
13.                 $("#name").after('<label class="error" id="name_error">Please enter your name.</label>');  
14.                 return false  
15.             }  
16.             else  
17.             {  
18.                 $("#name_error").html('');  
19.             }  
20.               
21.             /// email validation  
22.               
23.             var emailReg = /^([w-.]+@([w-]+.)+[w-]{2,4})?$/;  
24.             var emailaddressVal = $("#email").val();  
25.               
26.             if(emailaddressVal == '') {  
27.                 $("#email_error").html('');  
28.                 $("#email").after('<label class="error" id="email_error">Please enter your email address.</label>');  
29.                 return false  
30.             }  
31.             else if(!emailReg.test(emailaddressVal)) {  
32.                 $("#email_error").html('');  
33.                 $("#email").after('<label class="error" id="email_error">Enter a valid email address.</label>');  
34.                 return false  
35.                
36.             }  
37.             else  
38.             {  
39.                 $("#email_error").html('');  
40.             }  
41.           
42.             $.post("post.php?"+$("#MYFORM").serialize(), {  
43.           
44.             }, function(response){  
45.               
46.             if(response==1)  
47.             {  
48.                 $("#after_submit").html('');  
49.                 $("#Send").after('<label class="success" id="after_submit">Your message has been submitted.</label>');  
50.                 change_captcha();  
51.                 clear_form();  
52.             }  
53.             else  
54.             {  
55.                 $("#after_submit").html('');  
56.                 $("#Send").after('<label class="error" id="after_submit">Error ! invalid captcha code .</label>');  
57.             }  
58.               
59.               
60.         });  
61.                   
62.         return false;  
63.      });  
64.        
65.      // refresh captcha  
66.      $('img#refresh').click(function() {    
67.               
68.             change_captcha();  
69.      });  
70.        
71.      function change_captcha()  
72.      {  
73.         document.getElementById('captcha').src="get_captcha.php?rnd=" + Math.random();  
74.      }  
75.        
76.      function clear_form()  
77.      {  
78.         $("#name").val('');  
79.         $("#email").val('');  
80.         $("#message").val('');  
81.         $("#code").val('');  
82.      }  
83. });  
84.    
85.    
86.       
87. </script>     

 post.php

 

PHP Code

1. <?php  
2. session_start();  
3. if(@$_REQUEST['code'] || @strtolower($_REQUEST['code']) == strtolower($_SESSION['random_number']))  
4. {  
5.       
6.     // insert your name , email and text message to your table in db  
7.       
8.     echo 1;// submitted   
9.       
10.       
11. }  
12. else  
13. {  
14.     echo 0; // invalid code  
15. }  
16. ?>  

 

原文地址:http://www.freejs.net/article_biaodan_291.html