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 = /^([w-.]+@([w-]+.)+[w-]{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
- }
- ?>
相关推荐
PHP+JS 实现极验,拖动滑块验证码验证表单 在当前的网站登录验证中,传统的验证码方式已经不能满足用户的需求,极验拖动滑块验证码的出现为用户提供了一种更好的体验方式。这种方式不仅可以减少用户输入的错误,也...
点连接或者表单进入页面后,判断session中的验证码是不是与用户提交的相同,如果相同,则处理,不相同则认为是重复刷新。 在处理完成后将重新生成一个验证码,用于新页面的生成 PHP实现代码如下: 复制代码 代码
10-22 1 ajax介绍 无刷新验证用户名 10-22 2 ajax如何处理xml格式返回数据 10-22 3 json 10-22 4 ajax如何处理json格式返回数据 10-22 5 ajax应用 省市联动 10-22 6 ajax应用 黄金市场报价 10-23 1 简易在线聊天室1 ...
10-22 1 ajax介绍 无刷新验证用户名 10-22 2 ajax如何处理xml格式返回数据 10-22 3 json 10-22 4 ajax如何处理json格式返回数据 10-22 5 ajax应用 省市联动 10-22 6 ajax应用 黄金市场报价 10-23 1 简易在线聊天室1 ...
书名:《PHP开发实战1200例(第I卷)》(清华大学出版社.潘凯华.刘中华) PDF格式扫描版,全书分为5篇15章,共899页。2011年1月出版。 全书压缩打包成2部分,这是第1部分。 注:本系列图书的第I、II卷再版时均相应改名...
书名:《PHP开发实战1200例(第I卷)》(清华大学出版社.潘凯华.刘中华) PDF格式扫描版,全书分为5篇15章,共899页。2011年1月出版。 全书压缩打包成2部分,这是第2部分。 注:本系列图书的第I、II卷再版时均相应改名...
10-22 1 ajax介绍 无刷新验证用户名 10-22 2 ajax如何处理xml格式返回数据 10-22 3 json 10-22 4 ajax如何处理json格式返回数据 10-22 5 ajax应用 省市联动 10-22 6 ajax应用 黄金市场报价 10-23 1 简易在线聊天室1 ...
点连接或者表单进入页面后,判断session中的验证码是不是与用户提交的相同,如果相同,则处理,不相同则认为是重复刷新。 在处理完成后将重新生成一个验证码,用于新页面的生成 代码 复制代码 代码如下: <?php ...
登录模块中,除了实现客户端对数据的合法性验证外,还添加了验证码,来提高网站的安全性,防止他人登录恶意注水。通过GD库制作验证码,并存入SESSION中,这样再结合PHP的SESSION这个超级全局变量,就可以实现对网页...
10-22 1 ajax介绍 无刷新验证用户名 10-22 2 ajax如何处理xml格式返回数据 10-22 3 json 10-22 4 ajax如何处理json格式返回数据 10-22 5 ajax应用 省市联动 10-22 6 ajax应用 黄金市场报价 10-23 1 简易在线聊天室1 ...
10-22 1 ajax介绍 无刷新验证用户名 10-22 2 ajax如何处理xml格式返回数据 10-22 3 json 10-22 4 ajax如何处理json格式返回数据 10-22 5 ajax应用 省市联动 10-22 6 ajax应用 黄金市场报价 10-23 1 简易在线聊天室1 ...
涉及到功能: 数据增 删,改,查 Session功能 表单验证 会员注册AJAX无刷新检索注册用户 验证码 编辑器整合 文章分页
JavaScript/jQuery:提供交互性,如表单验证、动态反馈等。 Bootstrap或其他前端框架:快速开发响应式布局,保证跨浏览器兼容性。 AJAX:实现无刷新提交和异步数据交换,提升用户体验。 PHP/Node.js:后端语言,处理...
实例079 带记忆功能的表单 123 实例080 防止表单重复提交 124 实例081 自动提交表单 125 实例082 通过for循环获取表单元素的中文名称 126 实例083 可以提交到不同处理页的表单 127 第3章 实用JavaScript函数 129 3.1...
修正 表单输入项不能对空格进行有效验证的问题,感谢 网友之家 提交问题 修正 表单复选项不能进行空值验证的问题,感谢 大舟山网 提交问题 修正 表单复选项没有进行选值范围验证的问题,感谢 大舟山网 提交问题 ...
11、修复登录验证码不能自动刷新。 12、修复公告模块标题字体大小在不同浏览器显示大小不统一. 13、修复添加文章、产品时,对文章、产品简介内容中进行div标签过滤。 14、修复后台管理面版自定义快捷方式添加链接...
7、下载发布界面改进,更人性化,并且增加分类时可以选择“软件表单”或者“电影表单”模式。 8、下载与在线地址支持上传文件并自动填写文件扩展名及大小;支持直接上传与选择附件目录文件两种方式。 9、支持内容页...
7、下载发布界面改进,更人性化,并且增加分类时可以选择“软件表单”或者“电影表单”模式。 8、下载与在线地址支持上传文件并自动填写文件扩展名及大小;支持直接上传与选择附件目录文件两种方式。 9、支持内容...
7、下载发布界面改进,更人性化,并且增加分类时可以选择“软件表单”或者“电影表单”模式。 8、下载与在线地址支持上传文件并自动填写文件扩展名及大小;支持直接上传与选择附件目录文件两种方式。 9、支持内容...
11、修复登录验证码不能自动刷新。 12、修复公告模块标题字体大小在不同浏览器显示大小不统一. 13、修复添加文章、产品时,对文章、产品简介内容中进行div标签过滤。 14、修复后台管理面版自定义快捷方式添加链接...