獲取手機驗證碼js代碼_java模擬登陸js動態生成的驗證碼怎麼獲取

1. js驗證碼問題，如何獲取隨機生成的驗證碼的值怎麼讓輸入的值和隨機生成的驗證碼相比較

jsp 裡面生成圖片驗證碼的時候把那個值寫到session中去，用戶填寫後與session裡面的值比較就可以了

2. 用js進行手機號驗證碼要求長度是11位,只能是數字怎麼做,能不用正則表達式么

首先關於手機號長度可以使用js判斷用戶輸入長度，如果不等於11位可以進行相關提示，具體可參考以下代碼

<!DOCTYPEhtml>
<html>
<head>
	<metacharset="utf-8">
	<title>標題</title>
	<scripttype="text/javascript">
	window.onload=function(){
		varaIpt=document.getElementsByTagName('input')
		aIpt[1].onclick=function(){
			if((aIpt[0].value).length==11){
				alert("您輸入的長度是11位")
			}
			else{
				alert("請進行正確的輸入")
			}
		}
	}
	</script>
</head>
<body>
	<inputtype="text"placeholder="請輸入11位數字"name="">
	<inputtype="button"value="跳轉"name="">
</body>
</html>

判斷用戶輸入的是不是數字，可以使用isNaN進行判斷，具體可以參考以下代碼

<!DOCTYPEhtml>
<html>
<head>
	<metacharset="utf-8">
	<title>標題</title>
	<scripttype="text/javascript">
	window.onload=function(){
		varaIpt=document.getElementsByTagName('input')
		aIpt[1].onclick=function(){
			if((aIpt[0].value).length==11&&isNaN(aIpt[0].value)==false){
				alert("您輸入的長度是11位")
			}
			else{
				alert("請進行正確的輸入")
			}
		}
	}
	</script>
</head>
<body>
	<inputtype="text"placeholder="請輸入11位數字"name="">
	<inputtype="button"value="跳轉"name="">
</body>
</html>

前面的代碼作為判斷長度的單獨展示，後面的代碼，可以完整的展示限制長度和判斷數字

3. JS點擊圖片後顯示驗證碼如何實現

最簡單的來方法你把圖一的顯源示驗證碼也弄成一個圖片，比如叫code.png，上面你的代碼就能換成
<img src="code.png" onclick="this.src ={$maccms.path_tpl}picture/captcha.png"

4. 求一個能實現驗證碼效果的JS代碼

<html>
<head>
<style type="text/css">
.code{
background-image:url(111.jpg);
font-family:Arial,宋體;
font-style:italic;
color:green;
border:0;
padding:2px 3px;
letter-spacing:3px;
font-weight:bolder;
}
.unchanged {
border:0;
}
</style>
<script language="javascript" type="text/javascript">
var code ; //在全局定義驗證碼
function createCode(){
code = new Array();
var codeLength = 4;//驗證碼的長度
var checkCode = document.getElementById("checkCode");
checkCode.value = "";

var selectChar = new Array(2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','J','K','L','M','N','P','Q','R','S','T','U','V','W','X','Y','Z');

for(var i=0;i<codeLength;i++) {
var charIndex = Math.floor(Math.random()*32);
code +=selectChar[charIndex];
}
if(code.length != codeLength){
createCode();
}
checkCode.value = code;
}

function validate () {
var inputCode = document.getElementById("input1").value.toUpperCase();

if(inputCode.length <=0) {
alert("請輸入驗證碼！");
return false;
}
else if(inputCode != code ){
alert("驗證碼輸入錯誤！");
createCode();
return false;
}
else {
alert("成功！");
return true;
}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head>
<body onLoad="createCode();">

<input type="text" id="input1" />
<input type="button" id="checkCode" class="code" style="width:60px" onClick="createCode()" /> <a href="#" onClick="createCode()">看不清楚</a>
<input id="Button1" onClick="validate();" type="button" value="確定" />
<script></script>
</body>
</html>

你要是的是不是這種效果

5. java模擬登陸js動態生成的驗證碼怎麼獲取

登錄頁面.jsp示例代碼：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'login.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">


</head>
<%
String incode = (String)request.getParameter("code");
String rightcode = (String)session.getAttribute("rCode");

if(incode != null && rightcode != null){
if(incode.equals(rightcode)){
out.println("驗證碼輸入正確！");
}else{
out.println("驗證碼輸入不正確，請重新輸入！");
}
}
%>

<body>
<form action="login.jsp" method="post">
用戶名：
<input type="text" name="username"/><br/>
密碼：
<input type="password" name="password"/><br/>
驗證碼：
<img src="number.jsp"/>
<input type="text" name="code"/>
<input type="submit" value="登錄"/>
</form>
</body>
</html>

驗證碼頁面number.jsp代碼：

<%@ page contentType="image/jpeg" language="java" import="java.util.*,java.awt.*,java.awt.image.*,javax.imageio.*" pageEncoding="utf-8"%>

<%!
Color getRandColor(int fc,int bc){
Random random = new Random();
if(fc > 255){
fc = 255;
}
if(bc < 255){
bc = 255;
}
int r = fc +random.nextInt(bc-fc);
int g = fc +random.nextInt(bc-fc);
int b = fc +random.nextInt(bc-fc);

return new Color(r,g,b);
}
%>

<%
//設置頁面不緩存
response.setHeader("Pragma","no-cache");
response.setHeader("Cache-Control","no-catch");
response.setDateHeader("Expires",0);

//在內存中創建圖象
int width = 60;
int height = 20;
BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);

//創建圖象
Graphics g = image.getGraphics();
//生成隨機對象
Random random = new Random();
//設置背景色
g.setColor(getRandColor(200,250));
g.fillRect(0,0,width,height);
//設置字體
g.setFont(new Font("Tines Nev Roman",Font.PLAIN,18));
//隨機產生干擾線
g.setColor(getRandColor(160,200));
for(int i = 0; i < 255; i++){
int x = random.nextInt(width);
int y = random.nextInt(height);
int xl = random.nextInt(12);
int yl = random.nextInt(12);
}
//隨機產生認證碼,4位數字
String sRand = "";
for(int i = 0; i < 4; i++){
String rand = String.valueOf(random.nextInt(10));
sRand += rand;
//將認證碼顯示到圖象中
g.setColor(new Color(20 + random.nextInt(110),20 + random.nextInt(110),20 + random.nextInt(110)));
g.drawString(rand,13*i+6,16);
}
session.setAttribute("rCode",sRand);
//圖像生效
g.dispose();
//輸出圖像到頁面
ImageIO.write(image,"JPEG",response.getOutputStream());
out.clear();
out = pageContext.pushBody();
%>

6. 如何用js寫驗證碼程序

方法/步驟

打開網頁編輯器編寫div+css代碼，先把界面做好，然後再做功能，代碼如下所示：
<form name="form1">
請輸入要產生的驗證碼的位數：<input type="text" name="digit" id="digit">
<br><br>
<input type="button" value="生成" onClick="deal()">
&nbsp<input type="button" value="刷新" onClick="qc()">
<br><br>
<div id="result"></div>
</form>

7. 用js如何獲取驗證碼的值

驗證復碼在我們的後台代碼生成，制也就是在java代碼里生成。然後在頁面上顯示出來，當用戶輸入驗證碼後再檢驗用戶輸入的驗證碼是否和後台生成的驗證碼相同，比較的時候可以通過ajax去比較，堅決反對用個隱藏域來保存後台生成的驗證碼，因為這樣很容易被攻擊

8. 如何用JS實現登錄驗證碼方法

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

導航:首頁 > 編程語言 > 獲取手機驗證碼js代碼

獲取手機驗證碼js代碼

與獲取手機驗證碼js代碼相關的資料

友情鏈接