php 验证码 表单验证 带刷新的验证码php
php 验证码 表单验证 带刷新的验证码php如果验证码输入是正确提交后显示失败,请检查post.php文件,前面不要任何空格或者其他字符
演示
XML/HTML Code
[*]<form action="#" name="MYFORM" id="MYFORM">
[*]
[*] <label>Name</label>
[*] <input name="name" size="30" type="text" id="name">
[*] <br clear="all" />
[*] <label>Email</label>
[*] <input name="email" size="30" type="text" id="email">
[*] <br clear="all" />
[*] <label>Message</label>
[*] <textarea id="message" name="message"></textarea>
[*] <br clear="all" />
[*]
[*]
[*] <div id="wrap" align="center">
[*] <img src="get_captcha.php" alt="" id="captcha" />
[*]
[*] <br clear="all" />
[*] <input name="code" type="text" id="code">
[*] </div>
[*] <img src="refresh.jpg" width="25" alt="" id="refresh" />
[*]
[*] <br clear="all" /><br clear="all" />
[*] <label> </label>
[*] <input value="Send" type="submit" id="Send">
[*]
[*]
[*]</form>
JavaScript Code
[*]<script>
[*]
[*]$(document).ready(function() {
[*]
[*] $('#Send').click(function() {
[*]
[*] // name validation
[*]
[*] var nameVal = $("#name").val();
[*] if(nameVal == '') {
[*]
[*] $("#name_error").html('');
[*] $("#name").after('<label class="error" id="name_error">Please enter your name.</label>');
[*] return false
[*] }
[*] else
[*] {
[*] $("#name_error").html('');
[*] }
[*]
[*] /// email validation
[*]
[*] var emailReg = /^(+@(+.)+{2,4})?$/;
[*] var emailaddressVal = $("#email").val();
[*]
[*] if(emailaddressVal == '') {
[*] $("#email_error").html('');
[*] $("#email").after('<label class="error" id="email_error">Please enter your email address.</label>');
[*] return false
[*] }
[*] else if(!emailReg.test(emailaddressVal)) {
[*] $("#email_error").html('');
[*] $("#email").after('<label class="error" id="email_error">Enter a valid email address.</label>');
[*] return false
[*]
[*] }
[*] else
[*] {
[*] $("#email_error").html('');
[*] }
[*]
[*] $.post("post.php?"+$("#MYFORM").serialize(), {
[*]
[*] }, function(response){
[*]
[*] if(response==1)
[*] {
[*] $("#after_submit").html('');
[*] $("#Send").after('<label class="success" id="after_submit">Your message has been submitted.</label>');
[*] change_captcha();
[*] clear_form();
[*] }
[*] else
[*] {
[*] $("#after_submit").html('');
[*] $("#Send").after('<label class="error" id="after_submit">Error ! invalid captcha code .</label>');
[*] }
[*]
[*]
[*] });
[*]
[*] return false;
[*] });
[*]
[*] // refresh captcha
[*] $('img#refresh').click(function() {
[*]
[*] change_captcha();
[*] });
[*]
[*] function change_captcha()
[*] {
[*] document.getElementById('captcha').src="get_captcha.php?rnd=" + Math.random();
[*] }
[*]
[*] function clear_form()
[*] {
[*] $("#name").val('');
[*] $("#email").val('');
[*] $("#message").val('');
[*] $("#code").val('');
[*] }
[*]});
[*]
[*]
[*]
[*]</script>
post.php
PHP Code
[*]<?php
[*]session_start();
[*]if(@$_REQUEST['code'] || @strtolower($_REQUEST['code']) == strtolower($_SESSION['random_number']))
[*]{
[*]
[*] // insert your name , email and text message to your table in db
[*]
[*] echo 1;// submitted
[*]
[*]
[*]}
[*]else
[*]{
[*] echo 0; // invalid code
[*]}
[*]?>
原文地址:http://www.freejs.net/article_biaodan_291.html
页:
[1]