2、javascript+CSS+Html实现用户注册及登录的格式验证。在用户登录功能中试加入图片验证码功能

   更新日期:2024.05.29
下面是关键代码,如果剩下的你都搞不懂,我就无语了

JS
<script type="text/javascript" language="javascript">
function reloadcodeOne(){//刷新验证码函数
var verify = document.getElementById('checkCodeImg');
verify.setAttribute('src', 'validateCode?dt=' + Math.random());
}
<script type="text/javascript" >

html
<p>
<label>验证码:</label>
<input class="code" value="请输入验证码" title="请输入验证码" name="rendCode" id="rendCode" onfocus="if (value =='请输入验证码'){value =''}" onblur="if (value ==''){value='请输入验证码'}" type="text" size="6" />
<span><img id="checkCodeImg" src="validateCodeServlet" onclick="javascript:reloadcodeOne();" alt="" width="75" height="24" /></span>
</p>

java代码
package com.zhihui.action.common;

import java.awt.Color;
import java.awt.Font;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.util.Random;

import javax.imageio.ImageIO;
import javax.servlet.ServletException;
import javax.servlet.ServletOutputStream;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

import org.apache.struts2.ServletActionContext;

import com.zhihui.action.base.BaseAction;

/**
* <p>
* 校验码控制器
* </p>
*
* @author liurong
* @version ValidateCodeServlet.java,v 0.1 2008-11-20 上午09:22:31 Administrator
* Exp
*/
public class ValidateCodeAction extends BaseAction {

private static final long serialVersionUID = 1L;

// 验证码图片的宽度。
private int width = 10;

// 验证码图片的高度。
private int height = 5;

// 验证码字符个数
private int codeCount = 5;

private int x = 0;

// 字体高度
private int fontHeight;

private int codeY;

/*char[] codeSequence = { 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J',
'K', 'L', 'M', 'N', 'P', 'R', 'S', 'T', 'U', 'V', 'W',
'X', 'Y', 'Z', '2', '3', '4', '5', '6', '7', '8', '9' };*/

char[] codeSequence = {'1', '2', '3', '4', '5', '6', '7', '8', '9', '0' };
HttpServletRequest req=ServletActionContext.getRequest();
HttpServletResponse resp=ServletActionContext.getResponse();

public String execute()
throws ServletException, java.io.IOException {
// 宽度
String strWidth = "70";
// 高度
String strHeight = "22";
// 字符个数
String strCodeCount = "5";
width = Integer.parseInt(strWidth);
height = Integer.parseInt(strHeight);
codeCount = Integer.parseInt(strCodeCount);
x = width / (codeCount);
fontHeight = height - 4;
codeY = height - 4;
// 定义图像buffer
BufferedImage buffImg = new BufferedImage(width, height,
BufferedImage.TYPE_INT_RGB);
Graphics2D g = buffImg.createGraphics();
Random random = new Random();
// 将图像填充为白色
g.setColor(Color.WHITE);
g.fillRect(0, 0, width, height);

Font font = new Font("Fixedsys", Font.PLAIN, fontHeight);
g.setFont(font);
g.setColor(Color.BLACK);
g.drawRect(0, 0, width - 1, height - 1);
g.setColor(Color.BLACK);
for (int i = 0; i < 15; i++) {
int x = random.nextInt(width);
int y = random.nextInt(height);
int xl = random.nextInt(8);
int yl = random.nextInt(8);
g.drawLine(x, y, x + xl, y + yl);
}
// randomCode用于保存随机产生的验证码,以便用户登录后进行验证。
StringBuffer randomCode = new StringBuffer();
int red = 0, green = 0, blue = 0;
for (int i = 0; i < codeCount; i++) {
String strRand = String.valueOf(codeSequence[random.nextInt(codeSequence.length)]);
red = 0;//random.nextInt(255);
green = 0;//random.nextInt(255);
blue = 0;//random.nextInt(255);
g.setColor(new Color(red, green, blue));
g.drawString(strRand, (i ) * x, codeY);
randomCode.append(strRand);
}
HttpSession session = req.getSession();
session.setAttribute("validateCode", randomCode.toString());

resp.setHeader("Pragma", "no-cache");
resp.setHeader("Cache-Control", "no-cache");
resp.setDateHeader("Expires", 0);
resp.setContentType("image/jpeg");

ServletOutputStream sos = resp.getOutputStream();
ImageIO.write(buffImg, "jpeg", sos);
sos.close();
return null;
}

public int getWidth() {
return width;
}

public void setWidth(int width) {
this.width = width;
}

public int getHeight() {
return height;
}

public void setHeight(int height) {
this.height = height;
}

public int getCodeCount() {
return codeCount;
}

public void setCodeCount(int codeCount) {
this.codeCount = codeCount;
}

public int getX() {
return x;
}

public void setX(int x) {
this.x = x;
}

public int getFontHeight() {
return fontHeight;
}

public void setFontHeight(int fontHeight) {
this.fontHeight = fontHeight;
}

public int getCodeY() {
return codeY;
}

public void setCodeY(int codeY) {
this.codeY = codeY;
}

public char[] getCodeSequence() {
return codeSequence;
}

public void setCodeSequence(char[] codeSequence) {
this.codeSequence = codeSequence;
}

public HttpServletRequest getReq() {
return req;
}

public void setReq(HttpServletRequest req) {
this.req = req;
}

public HttpServletResponse getResp() {
return resp;
}

public void setResp(HttpServletResponse resp) {
this.resp = resp;
}

}

你就直接说用html5写个图片验证不就得了 邮箱留下

你慕课网上找找吧,应该有视频和源码!

  • 19449351107 :javascript 调用 .cs得到单维数组和多维数组,求教
    尤路荣3972 :答:转换成json ,再进行前台操作。
  • 19449351107 :asp.net 怎么用javascript或者是HTML调用CS文件中的方法?
    尤路荣3972 :答:方法一:1、首先建立一个按钮,在后台将调用或处理的内容写入button_click中;2、在前台写一个js函数,内容为document.getElementById("btn1").click();3、在前台或后台调用js函数,激发click事件,等于访问后台c#函数;方法二:1、函数声明为public 后台代码(把public改成protected也可以)public string ...
  • 19449351107 :javascript教程 javascript怎么学习
    尤路荣3972 :答:1、一定要会HTML。然后了解CSS,知道怎么用javascript调用这些对象,能调用到这些对象了,要去了解这些对象有哪些属性。2、第二就是ajax,以前在没有ajax的时候,我们也用隐藏的ifram来实现ajax功能,达到无刷新,与网站之间的交互,现在有了ajax,使得操作变得更加流畅。3、第三就是利用以上的知识,进行CS...
  • 19449351107 :请教大师们,JavaScript怎么调用.cs文件方法什么的?
    尤路荣3972 :答:在网页中可以嵌入<%=C#方法%>调用后台方法。ajax是通过XMLHttpRequest对象,采用post或get异步向服务器传递数据,服务器编写代码捕捉请求,并处理数据。ajax的客户端js脚本再查询服务器的状态,如果处理完成以后便得到后台的响应,再局部修改html页面的显示。
  • 19449351107 :cs脚本是什么意思
    尤路荣3972 :答:CS脚本属于Unity的一部分,是该游戏引擎的组成部分之一。它支持多语言开发,包括C#、JavaScript、Boo等等。和其他程序语言相比,CS脚本开发效率更高,对新手更加友好。有着很多精良的模板和示例,开发者可以借助这些模板和示例快速开发。目前,Unity引擎被越来越多开发者以及公司使用,因此对于CS脚本开发能力的...
  • 19449351107 :javascript怎么调用后台cs文件中的方法?
    尤路荣3972 :答:js是客户端运行的,而要用客户端代码去调用服务器的代码,而不通过Get,Post等Http请求的话,注定得用Ajax技术,至于具体实现可能有所不同。研究下 Ajax.net吧。他能把C#代码“编译”成js供客户端调用,你要玩过Google Web Toolkit (GWT)的话就知道是怎么回事了,但是GWT不支持.Net的。或者用一楼的...
  • 19449351107 :在cs是什么意思?
    尤路荣3972 :答:CS是什么意思?在计算机领域,CS指的是计算机科学。计算机科学是研究计算机操作、存储、处理和传输的科学,包括算法、编程语言、数据结构、计算机架构等方面。计算机科学是一门学科,提供了计算机和网络科技的原理和理论,为计算机科技的进步做出了重要贡献。CS在企业中十分重要。现代企业需要计算机科学技术,才能...
  • 19449351107 :QTP录制一个用javascript写的CS系统,应该用哪个插件?怎么添加三个自带插...
    尤路荣3972 :答:javascript不能自己写界面吧,界面用的是什么语言就选什么插件 VB就选上,Visual Basic java swing写的就选上java 这个好像要收费下载。如果是html的就把web选上
  • 19449351107 :javascript怎么学习
    尤路荣3972 :答:第二就是ajax,以前在没有ajax的时候,我们也用隐藏的ifram来实现ajax功能,达到无刷新,与网站之间的交互,现在有了ajax,使得操作变得更加流畅。第三就是利用以上的知识,进行CS模仿,CS的操作体验是很舒服的,所以web页如果有需要,都要去完成,目前不知道有哪些CS操作模仿不了。第四,一样要把...
  • 19449351107 :使用母版页时内容页如何使用css和javascript
    尤路荣3972 :答:所以这第一种方案很快被我否定了。方案二是在内容页的PageLoad事件中通过代码来指定本内容页的css文件。具体代码如下: 代码如下:static public class ControlHelper { static public void AddStyleSheet(Page page, string cssPath) { HtmlLink link = new HtmlLink(); link.Href = cssPath; link....
  • 相关链接

    欢迎反馈与建议,请联系电邮
    2024 © 视觉网