案例介绍,昵称唯一性验证:
1.HTML页面
<td><input id="nick" type="text" placeholder="请输入不少于6位字符" name="nickName"><span id="nickInfo"></span></td>
2.需要导入Jquery的JS库
3.
$(document).ready(function () {//页面加载完成
$('#nick').blur(function () {//元素设置失去焦点事件
nickname=$('#nick').val();
if (nickname==null || nickname==''){
$('#nickInfo').html('昵称不能为空')
return;
}
$.ajax({
async:true,//开启异步
url:'/checknickname/',//请求路径
data:'nickName='+nickname,//提交后台参数
type:'POST',//请求方法
headers:{"X-CSRFToken":$.cookie("csrftoken")},//获取cookie中的CSRFToken一并提交给服务器
success:function (data) {
$('#nickInfo').html(data);
}
})
});
4.url.py中
path(‘checknickname/’,views.checknickname),
5.views.py
#检查昵称是否唯一
def checknickname(request):
nickName=request.POST.get('nickName')
nicks=Userinfo.objects.filter(nickName=nickName)
#print(nicks)
info=''
if nicks:
info='昵称已存在'
else:
info = '昵称可用'
return HttpResponse(info)