导航:首页 > 万维百科 > 设计网页中验证码怎么弄

设计网页中验证码怎么弄

发布时间: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

与设计网页中验证码怎么弄相关的知识