关于那些表单的验证码

验证码是一些注册、登录等表单常用的一个功能,为了防止一些恶意性的填写表单,不断地提交表单,造成安全隐患。验证码一般随机可以切换验证码图片,经过远程验证成功后才能成功提交表单。实现了简单的验证码功能

<form>

<div class="joinCon">
                <div class="row">
                    <div class="label"><em class="musTip">*</em>用户名:</div>
                    <div class="cell">
                        <input type="text" data-checkurl="/supajaxcheck/checkusername" name="username" class="inTxt">
                    </div>
                </div>
                <div class="row">
                    <div class="label"><em class="musTip">*</em>密码:</div>
                    <div class="cell">
                        <input type="password" name="password" class="inTxt">
                    </div>
                </div>
                <div class="row">
                    <div class="label"><em class="musTip">*</em>确认密码:</div>
                    <div class="cell">
                        <input type="password" name="repassword" class="inTxt"/>
                    </div>
                </div>
                <div class="row verBox ">
                        <div class="label"><em class="musTip">*</em> 验证码:</div>
                        <div class="cell verCode">
                            <input type="text" data-checkurl="/joinin/checkcode" class="inTxt w115 fl n-invalid" name="key" >
                            <div class="checkCode">
                                <img src="/joinin/captcha/v/5449ad3ebee49" id="KeyImg" class="checkPic" style="cursor:pointer" title="点击换图" alt="点击换图">                                <a href="javascript:return false;">换一张</a>
                            </div>
                          </div>
                  </div>
            </div>

</form>

js代码片段:

var verCode = $('div.verCode','form');
        verCode.each(function(){
            var box = $(this),
                img = $('img.checkPic', box),
                src = img.attr('src'),
                chg = $('a', box),
                ipt = $('input.checkCode', box);
            chg.on('click', function(e) {
                e.preventDefault();
                e.stopPropagation();
                var _src = src+'&'+$.now();
                img.attr('src', _src);
            });
            img.on('click', function(e) {
                e.preventDefault();
                e.stopPropagation();
                var _src = src+'&'+$.now();
                img.attr('src', _src);
            });
        });
时间: 2024-09-27 04:36:07

关于那些表单的验证码的相关文章

JavaWeb 之 重复提交表单和验证码相关的问题!

下面我们首先来说一下表单的重复提交问题,我们知道在真实的网络环境中可能受网速带宽的原因会造成页面中表单在提交的过程中出现网络的延迟等问题,从而造成多次提交的问题!下面我们就具体来分析一下造成表单提交的一些常见问题. 下面我们就来列举一下重复提交的情况: ① .当表单提交数据到一个 Servlet 中,然后 Servlet再通过请求转发到成功页面,但是此时的地址栏中的地址是到 Servlet映射中的地址,并没有跳转到成功页面相关的JSP页面中,此时刷新页面会造成再一次提交表单. ② .当在表单页面

用python模拟登录(解析cookie + 解析html + 表单提交 + 验证码识别 + excel读写 + 发送邮件)

老婆大人每个月都要上一个网站上去查数据,然后做报表. 为了减轻老婆大人的工作压力,所以我决定做个小程序,减轻我老婆的工作量. 准备工作 1.tesseract-ocr 这个工具用来识别验证码,非常好用. ubuntu上安装: sudo apt-get install tesseract-ocr 非常简单. 2.pytesseract和PIL(pillow) pytesseract用来在python中调用tesseract-ocr,PIL(pillow)用来加载图片,安装方法如下: pip3 in

Ajax提交表单时验证码自动验证 php后端验证码检测

本文通过源码展示如何实现表单提交前,验证码先检测正确性,不正确则不提交表单,更新验证码. 1.前端代码 index.html <!DOCTYPE html> <html> <head> <title>验证码提交自验证</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta htt

Form表单实现验证码功能

JSP处理页面: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" import="java.awt.*,java.util.*,javax.imageio.*,java.awt.image.*" %> <% response.setHeader("Cache-Control&qu

PHPCMS v9 自定义表单添加验证码验证

1. 在 \phpcms\templates\default\formguide\show.html 中添加验证码显示 <input type="text" id="code" name="code" size="8" class="input-text">{form::checkcode('code_img', '4', '14', 84, 24)} 2. 在 \phpcms\modules\

PHPCMS v9 自定义表单添加验证码

1.  在 \phpcms\templates\default\formguide\show.html 中添加验证码显示 <input type="text" id="code" name="code" size="8" class="input-text">{form::checkcode('code_img', '4', '14', 84, 24)} 2. 在 \phpcms\modules

织梦dedecms网站给自定义表单加dede模板自带验证码的方法。

有时候,我们因为需要给dede网站的自定义表单添加验证码,防止恶意填写表单提交. 我们可以用以下的方法来实现: 首先,我们要找到 /plus/diy.php 这个文件 在头部引入文件: require_once(DEDEINC.'/membermodel.cls.php'); 然后找到 elseif($do == 2) {  在这个地方加入代码块 //验证码验证 $svali = GetCkVdValue(); if(preg_match("/1/",$safe_gdopen)){ i

inform表单验证,正则表达式,用户名,身份证,密码,验证码

最近利用空闲时间写了部分表单验证,包括用户名,身份证,密码,验证码,仅为自己巩固最近所学的知识 表单的样式使用的是table布局,因为觉得DIV布局定位比较麻烦,table有三列,分别为基本信息,输入的信息,提示信:输入信息栏,插入表单 1 <body> 2 <table> 3 <tr> 4 <td><p>会员名:</p></td> 5 <td><input type="text" n

phpcms实现验证码以及异步提交表单数据

在phpcms网站中使用验证码我们要考虑前端模板页面中如何调用验证码和后台程序中如何验证两个方面: 一.在模板中,调用验证码的代码如下: 1 <label for="code">验证码</label> 2 <input type="text" id="code" name="code" size="10"> 3 {form::checkcode('code_img', '