表单图片验证码

最新推荐文章于 2021-10-10 11:27:47 发布
最新推荐文章于 2021-10-10 11:27:47 发布
阅读量400 收藏
点赞数
文章标签： javascript 表单验证码生成
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mikibiubiu/article/details/95008490
版权

<body>
<form action=""  >
 <table width="449" height="530" border="1" align='center'>
   <tr>
  <td colspan="2" align="center">用户名注册</td>
  </tr>
   <tr>
  <td width="116" align="right">姓名：</td>
  <td width="323"><label>
    <input type="text" name="" id="name" />
  </label></td>
   </tr>
   <tr>
  <td width="116" align="right">性别：</td>
  <td width="323"><label>
    <input type="radio" name="sex"/>男
     <input type="radio" name="sex"/>女
  </label></td>
   </tr>
   <tr>
  <td align="right">年龄：</td>
  <td><label>
    <input type="text" name="" id="age" />
  </label></td>
   </tr>
   <tr>
  <td align="right">密码：</td>
  <td><label>
    <input type="password" name="" id="pwd" />
  </label></td>
   </tr>
   <tr>
  <td align="right">确认密码：</td>
  <td><label>
    <input type="password" name="" id="qpwd" />
  </label></td>
   </tr>
   <tr>
  <td align="right">手机：</td>
  <td><label>
    <input type="text" name="" id="tel" />
  </label></td>
   </tr>
   <tr>
  <td align="right">QQ:</td>
  <td><label>
    <input type="text" name="" id="qq" />
  </label></td>
   </tr>
   <tr>
  <td align="right">邮箱：</td>
  <td><label>
    <input type="text" name="" id="email" />
  </label></td>
   </tr>
   <tr>
  <td align="right">邮编：</td>
  <td><label>
    <input type="text" name="" id="eml" />
  </label></td>
   </tr>
   <tr>
  <td align="right">身份证：</td>
  <td><label>
    <input type="text" name="" id="sname" />
  </label></td>
   </tr>
   <tr>
  <td align="right">验证码：</td>
  <td><label>
    <input type="text"  />
    <span id="yz" style=" background:url(1.png) -10px -15px;width:80px;font-style: italic; height: 20px;border: 1px solid black;display: inline-block;">oeit43</span>
    <a href="javascript:;" id='btn'>看不清</a>
  </label></td>
   </tr>
  <tr>
  <td align="right">爱好：</td>
  <td><label>
  <input type="checkbox" name="a" id="c1">
  足球
  <input type="checkbox" name="a" id="c2">
  篮球
  <input type="checkbox" name="a" id="c3">
  排球
  <input type="checkbox" name="a" id="c4">
  网球
  </label></td>
   </tr>
   <tr>
  <td height="36" colspan="2" align="center"><label>
    <input type="submit" value="注册"  />
  </label></td>
  </tr>
 </table>
</form>
</body>
</html>

 

<script type="text/javascript">
 //由 字母 或 数字组成的验证码
 //  从 48--122 之间   ，随机获取一个整数  ，
 //  如果 这个随机整数在 58--64 或  91--96之间，说明不是数字或字母， 就重新抽取一个新的code值
 //  如果这个随机正则 不在58--64 或  91--96之间，说明是数字或字母，转成对应字符  进行字符串拼接
  //获取min-max之间的随机数
  //通过id获取元素对象
 window.onload = function(){
  getYZM(6);
 }
  function $id(id){
   return document.getElementById(id);
  }
  function getRand(min,max){
   return parseInt(Math.random()*(max-min+1) + min);
  }
  var yz=$id("yz");
  var btn=$id("btn");
  
  function getYZM(num){
   var yzm = "";
   //yxm = 数字字母
   //数字字母从ASCII码表来
   for(var i = 0; i < num; i++){
    var rand = getRand(48,122);
    //排除不需要的 字符
    if((rand >= 58 && rand <= 64) || (rand >= 91 && rand <= 96)){
     i--;
    }else{
     yzm += String.fromCharCode(rand);
    }
    
   }
   return yzm;
  }
  //输出函数

 

        function deal() {

 

         yz.innerHTML =getYZM(6);

 

        }
     //事件处理

        btn.οnclick=deal;
     yz.οnclick=deal;
 
</script>

mikibiubiu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
表单验证验证码 java_Java随机生成图片与HTML表单中的验证码实现
weixin_36257615的博客
02-27 179
Java随机生成图片用Java语言生成一个带有字符串文本的图片总结来说只需要如下四步:1.创建图片缓冲区2.设置图片缓冲区的宽高及保存图片的类型3.得到这个图片的绘制环境(拿到画笔)4.将图片保存起来代码如下://第一、二步，传入参数为缓冲区宽、高、保存图片类型BufferedImage image=new BufferedImage(width1,height1,BufferedImage.TY...
简单表单提交之前的校验和图片验证码
u013129606的博客
02-07 2659
String contextPath = request.getContextPath(); %> /js/validateRequired.js" language="JavaScript"> /js/validateMaxLength.js" language="JavaScript"> /js/validator.js" language="JavaScript"> 测试
登陆验证码图片生成代码
Wolfware的专栏
08-05 955
//登陆验证码图片生成代码//希望对需要的朋友有所帮助//ShowExPwdServlet.javaimport java.io.*;import javax.servlet.*;import javax.servlet.http.*;import java.awt.*;import java.awt.image.*;import javax.imageio.ImageIO;public
JavaScript 验证码的实例代码(附效果图)
david专栏
05-08 946
.code     {             background:url(code_bg.jpg);             font-family:Arial;             font-style:italic;              color:blue;              font-size:30px;              border:0;
HTML表单验证码
03-28
很容易懂的验证码，可以改一下插入到jsp或者是模板语言，易上手，觉得不美观可以加入前端框架封装，可以参照我发布的其他项目
html图片验证码组件
01-30
HTML图片验证码组件是一种用于网络安全的身份验证机制，它通过在网页上显示一幅随机生成的图片，其中包含一组可读的字符，然后要求用户输入所见字符来确认他们不是自动化程序。这种技术广泛应用于防止机器人和自动...
图片验证码资源ZIP格式下载
09-19
在本资源中，你将获得100张图片验证码的ZIP格式下载，这些图片可以用于训练机器学习模型，帮助理解验证码识别的挑战并提升相关算法的性能。 图片验证码通常包含扭曲的字母或数字，设计目的是让人类容易识别但机器...
图片验证码
07-23
图片验证码是一种广泛应用于网络安全验证的技术，它通过在用户提交表单前要求用户完成一项简单的图像识别任务，以此来区分人类用户和自动化程序。这种技术的主要目的是防止恶意的自动机器人、爬虫或者垃圾邮件发送者...
php生成图片验证码
10-24
验证码在WEB应用中非常重要,通常用来防止用户恶意提交表单,如恶意注册和登录、论坛恶意灌水等。本文将通过实例讲解使用PHP生成常见的验证码
.Net Core 实现图片验证码的实现示例
12-20
.NET Core 实现图片验证码是一种常见的安全机制，用于防止自动化脚本或机器人进行恶意操作，如批量注册、频繁登录等。本文将详细介绍如何在.NET Core环境下创建一个简单的图片验证码。 首先，验证码的核心在于生成...
表单验证码实现
05-21
验证码的html代码，未经验证，仅供参考
表单验证码生成_js
01-14
验证码生成 可以自定义需要产生的字符 速度快 带实例
Js彩色验证码【一个html表单和js验证码有验证效果的实例】
04-13
整个html打开可以看到效果，不包含验证码背景图片，自己找一个命名为code.jpg就有背景了，js验证码比jsp验证码好处在于：对于一个注册或者登陆页面，如果想通过点击提交按钮触发js事件，那么jsp用的是(String)session.getAttribute("rand");那么对于刷新图片后，session不能立刻保存为新值，验证就永远不能通过，反之js用的是一个全局变量不需要session 这个程序既可以直接验证，也可以点击验证码刷新一个新的验证码（当原来的验证码看不清楚的时候），再验证
图形验证码，通过点击图片中的文字进行验证
07-28
在网站进行登录时往往需要进行登录前的验证，有数字验证，有验证码验证，还有图形验证，这个是一个图形验证码，通过点击图片中的文字进行验证
##表单中的验证码
weixin_30270889的博客
07-10 179
这次我们来做一个经常做注册页面的时候需要用到验证码： 1，我们会点击右边的看不清，更换一张，然后就换了一张 2，验证码的样式 package cn.liurui.web.yanzhengma; import javax.imageio.ImageIO; import javax.servlet.ServletException; import javax.servlet.ann...
web创建form表单验证码
Konaji
01-09 5623
web创建form表单验证码
【知识积累】Form表单实现验证码功能
Darren的博客
11-03 447
JSP处理页面： <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" import="java.awt.*,java.util.*,javax.imageio.*,java.awt.image.*" %> <% response.set...
表单重复提交之-----验证码
puzzle_ovo的博客
10-10 76
表单重复提交有三种常见的情况： 一：提交完表单。服务器使用请求转来进行页面跳转。这个时候，用户按下功能键 F5，就会发起最后一次的请求。 造成表单重复提交问题。解决方法：使用重定向来进行跳转 二：用户正常提交服务器，但是由于网络延迟等原因，迟迟未收到服务器的响应，这个时候，用户以为提交失败， 就会着急，然后多点了几次提交操作，也会造成表单重复提交。 三：用户正常提交服务器。服务器也没有延迟，但是提交完成后，用户回退浏览器。重新提交。也会造成表单重复 提交。
JavaWeb篇-谷歌验证码的使用
cV展示的学习园
04-12 714
谷歌验证码的使用 引入 表单的重复提交会导致数据库多次插入相同数据，当加入验证码是可以避免此类事情的发生 表单重复提交有三种常见的情况： 一：提交完表单。服务器使用请求转来进行页面跳转。这个时候，用户按下功能键 F5，就会发起最后一次的请求。 造成表单重复提交问题。解决方法：使用重定向来进行跳转 二：用户正常提交服务器，但是由于网络延迟等原因，迟迟未收到服务器的响应，这个时候，用户以为提交失败， 就会着急，然后多点了几次提交操作，也会造成表单重复提交。 三：用户正常提交服务器。服务器也没有延迟，但是提交完
springboot 图片验证码
最新发布
08-03
SpringBoot可以通过引入相关依赖和编写逻辑代码来实现图片验证码功能。其中，可以使用kaptcha或captcha等库来实现验证码的生成和验证。 对于kaptcha验证码的实现，可以按照以下步骤进行： 1. 引入maven依赖[1]。 2....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值