首页>>表单>>php 验证码 表单验证 带刷新的验证码php(2014-03-18)

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

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

php 验证码 表单验证 带刷新的验证码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