jsp登錄驗數字證碼_用jsp實現一個簡單的登錄界面主要是驗證碼

① 用jsp實現一個簡單的登錄界面，主要是驗證碼

<html>
<head>
<title>簡單頁面</title>
<script>
function yzm(){
var Num="";
for(var i=0;i<4;i++)
{
Num+=Math.floor(Math.random()*10);
}
document.getElementById("yzphoto").value=Num;
document.getElementById("yzm").value=Num;
}

function userLogin(){
var userName = document.getElementById("userName").value;
var password = document.getElementById("password").value;
var yztext = document.getElementById("yztext").value;
var yzm = document.getElementById("yzm").value;
if(userName != "jq"){
alert("用戶名錯誤");
}else if(password != "123"){
alert("密碼錯誤");
}else if(yztext != yzm){
alert("驗證碼錯誤");
}else{
alert("登陸成功");
}
location.reload();
}
</script>
</head>
<body onLoad="yzm()">
<div style="width:100%;text-align:center">
<h1>用戶登錄</h1>
<table>
<tr>
<td>用戶名:</td>
<td><input id="userName" type="text" value=""/></td>
</tr>
<tr>
<td>密碼:</td>
<td><input id="password" type="password" value=""/></td>
<tr>
<tr><td>
驗證碼:
</td>
<td><input id="yztext" type="text" value=""/><input style="width:50px;background-
color:red;color:blue" type="text" id="yzphoto" value=""/><input type="hidden" id="yzm"
value=""></td></tr>
<tr>
<td colspan="2" align="center"><input onclick="userLogin()" type="button" value="登陸"/></td>
</tr>
</table>
</div>
</body>
</html>

② 關於HTML和JSP登陸界面驗證碼的問題

驗證碼原理：驗證碼即為你應用中的一個servlet地址，該地址的響應是一個圖片輸出流，把你生成的驗證碼以圖片的形式響應給頁面即可，下面是一個生成驗證碼的代碼，參考：

java">packagecom.ec.common.util;

importjava.awt.Color;
importjava.awt.Font;
importjava.awt.Graphics;
importjava.awt.image.BufferedImage;
importjava.io.IOException;
importjava.util.Random;

importjavax.imageio.ImageIO;
importjavax.servlet.http.HttpServletRequest;
importjavax.servlet.http.HttpServletResponse;
importjavax.servlet.http.HttpSession;

{
	//設置字母的大小,大小
	privatestaticFontmFont=newFont("TimesNewRoman",Font.BOLD,20);
	staticColorgetRandColor(intfc,intbc){
		Randomrandom=newRandom();
		if(fc>255)fc=255;
		if(bc>255)bc=255;
		intr=fc+random.nextInt(bc-fc);
		intg=fc+random.nextInt(bc-fc);
		intb=fc+random.nextInt(bc-fc);
		returnnewColor(r,g,b);
	}
	/**
	*<p>方法名稱:generateImage|描述:生成驗證碼</p>
	*@paramrequest
	*@paramresponse
	*@paramcodeName驗證碼session中的屬性名稱
	*@paramwidth驗證碼寬度-不能小於60px
	*@paramheight驗證碼高度-不能小於20px
	*@throwsIOException
	*/
	publicstaticvoidgenerateImage(HttpServletRequestrequest,HttpServletResponseresponse,StringcodeName,intwidth,intheight)throwsIOException{
		response.setHeader("Pragma","No-cache");
		response.setHeader("Cache-Control","no-cache");
		response.setDateHeader("Expires",0);
		//表明生成的響應是圖片
		response.setContentType("image/jpeg");
		BufferedImageimage=newBufferedImage(width,height,BufferedImage.TYPE_INT_RGB);
		
		Graphicsg=image.getGraphics();
		Randomrandom=newRandom();
		g.setColor(getRandColor(200,250));
		g.fillRect(1,1,width-1,height-1);
		g.setColor(newColor(102,102,102));
		g.drawRect(0,0,width-1,height-1);
		g.setFont(mFont);

		g.setColor(getRandColor(160,200));

		//畫隨機線
		for(inti=0;i<155;i++){
			intx=random.nextInt(width-1);
			inty=random.nextInt(height-1);
			intxl=random.nextInt(6)+1;
			intyl=random.nextInt(12)+1;
			g.drawLine(x,y,x+xl,y+yl);
		}

		//從另一方向畫隨機線
		for(inti=0;i<70;i++){
			intx=random.nextInt(width-1);
			inty=random.nextInt(height-1);
			intxl=random.nextInt(12)+1;
			intyl=random.nextInt(6)+1;
			g.drawLine(x,y,x-xl,y-yl);
		}

		//生成隨機數,並將隨機數字轉換為字母
		StringsRand="";
		for(inti=0;i<4;i++){
			intitmp=random.nextInt(26)+65;
			charctmp=(char)itmp;
			sRand+=String.valueOf(ctmp);
			g.setColor(newColor(20+random.nextInt(110),20+random.nextInt(110),20+random.nextInt(110)));
			g.drawString(String.valueOf(ctmp),15*i+((width-60)/3),random.nextInt(height-20)+20);
		}

		HttpSessionsession=request.getSession(true);
		session.setAttribute(codeName,sRand);
		g.dispose();
		ImageIO.write(image,"JPEG",response.getOutputStream());
	}
}

③ jsp中如何在當前頁面進行數據驗證（如簡單的登錄界面）

struts學過么來，struts框架很容易就能源實現，不過即使不用struts，前台獲取到用戶名和密碼之後傳到後台servlet里，利用request.getParameter(" ");後台在調用驗證方法，驗證後返回前台一個innertext顯示在後面就行了，如果驗證通過直接後台跳轉到成功頁面。
用ajax就更方便了。

④ JSP身份證號碼的正則表達式驗證

這個簡單，在jsp頁面上寫個腳本，首先第一步（你的字元串這里設為str）：
用str.length來做參數判斷是否為18位
2.截取字元串前十七個，用正則判斷
3.最後一個再用正則判斷
正則的腳本如下：（首先申明，未經測試）
function isNumber(str){
var rege=/[\d]/g;
var a=str.match(rege);
if(a==null)
alert('必須是數字');
}
function isNumberOrAlpha(str){
var rege=/[\da-zA-Z]/g;
var a=str.match(rege);
if(a==null)
alert('必須是數字或字母');
}
對於正則表達式，你可以在csdn網上找一本《精通正則表達式看》

⑤ jsp中，如何判斷驗證碼正確

這個功能通常一共3個頁面：x0dx0a index.jsp是用來登錄用的，在其中顯示驗證碼，即x0dx0a image.jsp是用來生成驗證碼的，有注釋，很詳細，如再不行，你復制到網路就有詳解了。x0dx0a result.jsp 是用來判斷輸入是否正確的。x0dx0a相信你一定能看明白...別忘了採納哦，謝謝。。。x0dx0ax0dx0a【1.index.jsp】x0dx0a<%@ page language="java" import="java.util.*" pageEncoding="GBK"%> x0dx0a x0dx0a

x0dx0ax0dx0a【2.image.jsp】x0dx0a<%@ page contentType="image/JPEG" x0dx0a import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*" x0dx0a pageEncoding="GBK"%> x0dx0a<%!Color getRandColor(int fc, int bc) {//給定范圍獲得隨機顏色 x0dx0a Random random = new Random(); x0dx0a if (fc > 255) x0dx0a fc = 255; x0dx0a if (bc > 255) x0dx0a bc = 255; x0dx0a int r = fc + random.nextInt(bc - fc); x0dx0a int g = fc + random.nextInt(bc - fc); x0dx0a int b = fc + random.nextInt(bc - fc); x0dx0a return new Color(r, g, b); x0dx0a }%> x0dx0a<% x0dx0a //設置頁面不緩存 x0dx0a response.setHeader("Pragma", "No-cache"); x0dx0a response.setHeader("Cache-Control", "no-cache"); x0dx0a response.setDateHeader("Expires", 0); x0dx0a x0dx0a // 在內存中創建圖象 x0dx0a int width = 60, height = 20; x0dx0a BufferedImage image = new BufferedImage(width, height, x0dx0a BufferedImage.TYPE_INT_RGB); x0dx0a x0dx0a // 獲取圖形上下文 x0dx0a Graphics g = image.getGraphics(); x0dx0a x0dx0a //生成隨機類 x0dx0a Random random = new Random(); x0dx0a x0dx0a // 設定背景色 x0dx0a g.setColor(getRandColor(200, 250)); x0dx0a g.fillRect(0, 0, width, height); x0dx0a x0dx0a //設定字體 x0dx0a g.setFont(new Font("Times New Roman", Font.PLAIN, 18)); x0dx0a x0dx0a //畫邊框 x0dx0a //g.setColor(new Color()); x0dx0a //g.drawRect(0,0,width-1,height-1); x0dx0a x0dx0a // 隨機產生155條干擾線，使圖象中的認證碼不易被其它程序探測到 x0dx0a g.setColor(getRandColor(160, 200)); x0dx0a for (int i = 0; i < 100; i++) { x0dx0a int x = random.nextInt(width); x0dx0a int y = random.nextInt(height); x0dx0a int xl = random.nextInt(12); x0dx0a int yl = random.nextInt(12); x0dx0a g.drawLine(x, y, x + xl, y + yl); x0dx0a } x0dx0a x0dx0a // 取隨機產生的認證碼(4位數字) x0dx0a String sRand = ""; x0dx0a for (int i = 0; i < 4; i++) { x0dx0a String rand = String.valueOf(random.nextInt(10)); x0dx0a sRand += rand; x0dx0a // 將認證碼顯示到圖象中 x0dx0a g.setColor(new Color(20 + random.nextInt(110), 20 + random x0dx0a .nextInt(110), 20 + random.nextInt(110)));//調用函數出來的顏色相同，可能是因為種子太接近，所以只能直接生成 x0dx0a g.drawString(rand, 13 * i + 6, 16); x0dx0a } x0dx0a x0dx0a // 將認證碼存入SESSION x0dx0a session.setAttribute("code", sRand); x0dx0a x0dx0a // 圖象生效 x0dx0a g.dispose(); x0dx0a x0dx0a // 輸出圖象到頁面 x0dx0a ImageIO.write(image, "JPEG", response.getOutputStream()); x0dx0a%>x0dx0a x0dx0a【3.result.jsp】x0dx0a <%@ page language="java" import="java.util.*" pageEncoding="GBK"%> x0dx0a x0dx0a<% x0dx0a String input=request.getParameter("input"); x0dx0a String code=(String)session.getAttribute("code"); x0dx0a if(input.equals(code)){ x0dx0a out.println("驗證成功!"); x0dx0a }else{ x0dx0a out.println("驗證失敗!"); x0dx0a } x0dx0a%> x0dx0abody>html>

導航:首頁 > 編程語言 > jsp登錄驗數字證碼

jsp登錄驗數字證碼

與jsp登錄驗數字證碼相關的資料

友情鏈接