基本的登录验证码

该验证码需要在后台去匹配验证,可以选择用JSON。
如下:
function check(){
var user = document.all.user.value;
var pass = document.all.pass.value;
var cnum=Math.ceil(Math.random()*100);
var valid = document.getElementById("check_code").value;
//$.ajax({url:"sysUser.do?method=login",cache:false,data:"user="+user+"&pass="+pass+"&date="+new Date(),success:function(state){
var param = {
user : user,
pass : pass,
valid : valid,
cnum : cnum
}
// 指定处理的路径
var http_value = jQuery.param(param);

var url = "<%=path%>/broadAction/login.do?radom="+cnum;
// 获得返回值
$.getJSON(url, http_value, function(josn){
if(josn.status=="2"){
alert("验证码错误,请重新输入");
return false;
}
else if(josn.status=="1"){
window.location="<%=path%>/securityAction/showNavigation.do?radom="+cnum+"";
}else{
alert("帐户信息不正确");
//prompt("帐户信息不正确");
//window.setTimeout("document.getElementById(\"prompt\").innerHTML=''",3000);
return false;
}

});


}

// 刷新验证码图片
function refresh(obj){
[color=red]var d = new Date(); //若是IE8有缓存,需要加上序列号避免缓存
obj.src="check?t="+d.toString(38);[/color]
}


验证码TR : <tr>
<td height="30" align="right" nowrap="nowrap" class="copy1">验证码:  </td>
<td><input id="check_code" name="valid" type="text" size="6">
<a οnclick="refresh(imcheck);"><img id="imcheck" src="check"></a></td>
</tr>


后台Action
private JSONObject json;//JSON
json = new JSONObject();
if(check_code.equals(valid)){ //判断验证码是否正确
}else{
json.put("status", "2"); // 验证码错误,
JSonEx.responseJson(response, json);
}


JsonEx封装类:
public class JSonEx {
private static final Log logger = LogFactory.getLog(JSonEx.class);

/**
* 方法名称:responseJson
* 创建日期:Jul 4, 2009
* 方法描述:
* @param response
* @param jsonObject
* @throws IOException void
*/
public static void responseJson(HttpServletResponse response,
JSONObject jsonObject) throws IOException {
if (jsonObject == null || response == null)
return;
String jsonTxt = jsonObject.toString();
responseJson(response, jsonTxt);
}

/**
*
* 方法名称:responseJson
* 创建日期:Dec 11, 2008
* 方法描述:
* @param response
* @param jsonTxt
* @throws IOException void
*/
public static void responseJson(HttpServletResponse response, String jsonTxt)
throws IOException {
if (jsonTxt == null || response == null)
return;
response.addHeader("Cache-Control", "no-cache");
response.setHeader("Cache-Control", "no-cache");
response.setContentType("text/json;charset=UTF-8");
response.getWriter().print(jsonTxt);

}
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 Django 中实现登录验证码功能,可以按照以下步骤进行: 1. 安装验证码库 可以使用诸如 Pillow、captcha 等第三方库实现验证码功能。可以使用 pip 安装: ``` pip install Pillow pip install captcha ``` 2. 生成验证码 可以在视图函数中生成验证码并将其保存到 session 中。以下是一个生成验证码并将其保存到 session 的示例代码: ```python from django.shortcuts import render from django.http import HttpResponse from django.contrib.auth import authenticate, login from captcha.image import ImageCaptcha def login_view(request): if request.method == 'POST': username = request.POST.get('username') password = request.POST.get('password') captcha = request.POST.get('captcha') if captcha == request.session.get('captcha'): user = authenticate(request, username=username, password=password) if user is not None: login(request, user) return HttpResponse('登录成功') else: return HttpResponse('用户名或密码错误') else: return HttpResponse('验证码错误') else: image = ImageCaptcha() captcha = image.generate() request.session['captcha'] = captcha return render(request, 'login.html', {'captcha': captcha}) ``` 3. 在模板中显示验证码 在模板中,可以使用下面的代码显示验证码: ```html <img src="{{ captcha.url }}" alt="captcha"> <input type="text" name="captcha" required> ``` 其中,`{{ captcha.url }}` 变量用于显示验证码图片的 URL,`<input>` 标签用于用户输入验证码。 以上就是 Django 实现登录验证码基本步骤。需要注意的是,为了保证验证码的安全性,应该使用 HTTPS 协议传输验证码

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值