導航:首頁 > 萬維百科 > 設計網頁中驗證碼怎麼弄

設計網頁中驗證碼怎麼弄

發布時間:2020-10-19 11:12:38

1、網頁設計中如何編寫驗證碼?

伺服器端生成隨機數,存在session裡面,然後把帶有數字的圖片返回到客戶端;
客戶端提交數據時判斷輸入的驗證碼是否與伺服器端的一致;
這樣可以達到防止惡意攻擊的目的.

2、ASP網頁設計的問題。注冊頁面做好了,登陸頁面怎麼做呢,要求帶驗證碼的,求好心人幫忙

既然注冊都成功了,那登錄也差不多的,無非就是輸入用戶名和密碼以及驗證碼後,先判斷輸入的驗證碼的值與網站隨機產生的SESSION或COOKIES是否相符,如果相符了,再把用戶名和密碼去查找資料庫之中對應的用戶名和密碼,如果找到記錄了,就登錄成功了,反之則登錄失敗!

3、html網頁設計:一個簡單的登錄界面代碼!

是這樣的效果嗎?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>3</title>
<script>
function r()
{

var username=document.getElementById("username");

var pass=document.getElementById("password");
if(username.value=="")
{
alert("請輸入用戶名");
username.focus();
return;
}
if(pass.value=="")
{
alert("請輸入密碼");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用戶名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密 碼</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>驗證碼</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登 錄" onclick="r();"/>     <input type="reset" value="重 置"/></td></tr>

</table>
</form>
</body>
</html>

4、.net設計一個用戶登錄界面 其中驗證碼功能要用到哪些控制項 前台和後台的c#代碼分別是什麼

前台只不過是發送一個請求連接到 伺服器端特定的生成 驗證碼頁面的一個連接,在那個頁面生成驗證碼並顯示,就會載入到 前台了,至於 驗證碼生成的後台代碼,這個你可以真心在網上找一個,要是想要搞清楚代碼的話,建議還是自己看一遍 理解了之後,在自己敲一下,「看不清楚 換一張」 使用前台javascript 非同步請求那個生成驗證碼的頁面 然後用javascript 載入到 那個原來驗證碼圖片的位置替換掉它就行了

5、在visual studio2010中的Web項目設計中怎麼添加驗證碼這個功能

做一個公共類,或者公共頁面,專門用來生成 隨機碼,每次提取一組,存入Session ,生成驗證碼圖片。調用時將輸入的值與存入的值對比即可。點擊刷新驗證碼就是重新獲取生成一次,重新存入Session。。
private void CreateCheckCode()
{
string checkCode = GetRandWord(5);
Response.Cookies.Add(new HttpCookie("CheckCode", checkCode));
CreateCheckImage(checkCode);
}
/// <summary>
/// 生成驗證碼圖片
/// </summary>
/// <param name="checkCode"></param>
private void CreateCheckImage(string checkCode)
{
if ((checkCode != null) && !(checkCode.Trim() == string.Empty))
{
Bitmap image = new Bitmap((int)Math.Ceiling((double)(checkCode.Length * 12.5)), 0x14);
Graphics g = Graphics.FromImage(image);
try
{
int i;
Random random = new Random();
g.Clear(Color.White);
for (i = 0; i < 0x19; i++)
{
int x1 = random.Next(image.Width);
int x2 = random.Next(image.Width);
int y1 = random.Next(image.Height);
int y2 = random.Next(image.Height);
g.DrawLine(new Pen(Color.Silver), x1, y1, x2, y2);
}
Font font = new Font("Arial", 12f, FontStyle.Italic | FontStyle.Bold);
LinearGradientBrush brush = new LinearGradientBrush(new Rectangle(0, 0, image.Width, image.Height), Color.Blue, Color.DarkRed, 1.2f, true);
g.DrawString(checkCode, font, brush, (float)2f, (float)2f);
for (i = 0; i < 100; i++)
{
int x = random.Next(image.Width);
int y = random.Next(image.Height);
image.SetPixel(x, y, Color.FromArgb(random.Next()));
}
g.DrawRectangle(new Pen(Color.Silver), 0, 0, image.Width - 1, image.Height - 1);
MemoryStream ms = new MemoryStream();
image.Save(ms, ImageFormat.Gif);
HttpContext.Current.Response.ClearContent();
HttpContext.Current.Response.ContentType = "image/Gif";
HttpContext.Current.Response.BinaryWrite(ms.ToArray());
}
finally
{
g.Dispose();
image.Dispose();
}
}
}

/// <summary>
/// 隨機數
/// </summary>
/// <param name="length">長度</param>
/// <returns></returns>
private static string GetRandWord(int length)
{
string checkCode = string.Empty;
Random random = new Random();
for (int i = 0; i < length; i++)
{
char code;
int number = random.Next();
if ((number % 2) == 0)
{
code = (char)(0x30 + ((ushort)(number % 10)));
}
else
{
code = (char)(0x41 + ((ushort)(number % 0x1a)));
}
checkCode = checkCode + code.ToString();
}
return checkCode;
}

6、驗證碼 網頁設計

用JavaScript來做

一般情況下直接在<img>標簽中SRC一下地址就可以顯示驗證瑪,所以我們可以用動態改變地址的方式來重新刷新驗證碼

<script language="JavaScript">
function reloadImage(url)
{
document.formName.img1.src = url;
}
</script>

<img name="img1" src="url地址"><a href="JavaScript:reloadImage('url地址');">刷新</a>

7、登錄要做一個驗證碼的操作 驗證碼的表應該怎麼設計?

登陸的驗證碼不是資料庫裡面的表而是一個類,自動就能生成。

8、ASP.NET如何設計一個簡單的驗證碼

||新建一個Image.aspx頁面,前台不用添加任何元素,後台代碼為
static readonly string STR = "";

protected void Page_Load(object sender, EventArgs e)
{
Random rd = new Random();
int a = rd.Next(100);
int b = rd.Next(1000);
int m = rd.Next(10000);
int n = rd.Next(100000);
string result = STR.Substring(a % 62, 1);
result += STR.Substring(b % 62, 1);
result += STR.Substring(m % 62, 1);
result += STR.Substring(n % 62, 1);

Session["check"] = result;
CreateImage(result);

}
/// <summary>
/// 創建指定內容的驗證圖片並輸出
/// </summary>
/// <param name="content"></param>
private void CreateImage(string content)
{
//判斷字元串不等於空和null
if (content == null || content.Trim() == String.Empty)
return;
//創建一個點陣圖對象
Bitmap image = new Bitmap((int)Math.Ceiling((content.Length * 12.5)), 22);
//創建Graphics
Graphics g = Graphics.FromImage(image);
try
{
//生成隨機生成器
Random random = new Random();
//清空圖片背景顏色
g.Clear(Color.White);
//畫圖片的背景干擾線
for (int i = 0; i < 2; i++)
{
int x1 = random.Next(image.Width);
int x2 = random.Next(image.Width);
int y1 = random.Next(image.Height);
int y2 = random.Next(image.Height);
g.DrawLine(new Pen(Color.Black), x1, y1, x2, y2);
}
Font font = new Font("Arial", 12, (FontStyle.Bold));
System.Drawing.Drawing2D.LinearGradientBrush brush = new System.Drawing.Drawing2D.LinearGradientBrush(new Rectangle(0, 0, image.Width, image.Height), Color.Black, Color.DarkRed, 1.2f, true);
g.DrawString(content, font, brush, 2, 2);
//畫圖片的前景干擾點
for (int i = 0; i < 100; i++)
{
int x = random.Next(image.Width);
int y = random.Next(image.Height);
image.SetPixel(x, y, Color.FromArgb(random.Next()));
}
image = TwistImage(image, true, 4, 4);
//畫圖片的邊框線
g.DrawRectangle(new Pen(Color.Silver), 0, 0, image.Width - 1, image.Height - 1);
//將圖片輸出到頁面上
System.IO.MemoryStream ms = new System.IO.MemoryStream();
image.Save(ms, System.Drawing.Imaging.ImageFormat.Gif);
Response.ClearContent();
Response.ContentType = "image/Gif";
Response.BinaryWrite(ms.ToArray());
}
finally
{
g.Dispose();
image.Dispose();
}
}

#region 產生波形濾鏡效果
private const double PI = 3.;
private const double PI2 = 6.;
/// <summary>
/// 正弦曲線Wave扭曲圖片
/// </summary>
/// <param name="srcBmp">圖片路徑</param>
/// <param name="bXDir">如果扭曲則選擇為True</param>
/// <param name="nMultValue">波形的幅度倍數,越大扭曲的程度越高,一般為3</param>
/// <param name="dPhase">波形的起始相位,取值區間[0-2*PI)</param>
/// <returns></returns>
public Bitmap TwistImage(Bitmap srcBmp, bool bXDir, double dMultValue, double dPhase)
{
Bitmap destBmp = new Bitmap(srcBmp.Width, srcBmp.Height);

// 將點陣圖背景填充為白色
System.Drawing.Graphics graph = Graphics.FromImage(destBmp);
graph.FillRectangle(new SolidBrush(Color.White), 0, 0, destBmp.Width, destBmp.Height);
graph.Dispose();

double dBaseAxisLen = bXDir ? (double)destBmp.Height : (double)destBmp.Width;

for (int i = 0; i < destBmp.Width; i++)
{
for (int j = 0; j < destBmp.Height; j++)
{
double dx = 0;
dx = bXDir ? (PI2 * (double)j) / dBaseAxisLen : (PI2 * (double)i) / dBaseAxisLen;
dx += dPhase;
double dy = Math.Sin(dx);

// 取得當前點的顏色
int nOldX = 0, nOldY = 0;
nOldX = bXDir ? i + (int)(dy * dMultValue) : i;
nOldY = bXDir ? j : j + (int)(dy * dMultValue);

System.Drawing.Color color = srcBmp.GetPixel(i, j);
if (nOldX >= 0 && nOldX < destBmp.Width
&& nOldY >= 0 && nOldY < destBmp.Height)
{
destBmp.SetPixel(nOldX, nOldY, color);
}
}
}

return destBmp;
}

#endregion
在另一個頁面引用的時候,
<img id="img" alt="驗證碼" src="Image.aspx" />
<input type="button" onclick="javascript:var img = document.getElementById('img'); img.src = img.src + '?';" value="看不清,換一張" />
在你的注冊按鈕中可以通過Session["check"]來判斷是否輸入驗證碼是否對

9、網頁設計中怎樣插入驗證碼

你參考下

http://.baidu.com/question/299956539.html

與設計網頁中驗證碼怎麼弄相關的知識