注冊頁面html:
<script src="/static/js/myjs.js"></script>
------省略-----
<tr>
<td>用戶名:</td>
<td><input type="text" name="user_name" id="user_name"/></td>
<td><span id="user_name_error"></span></td>
</tr>
<script>
var user_name = document.getElementById('user_name');
user_name.onblur = function () {
my_ajax('/checkusername?user_name='+user_name.value,function (data) {
if (data == "1"){
document.getElementById('user_name_error').innerText="用戶名已存在"
}else{
document.getElementById('user_name_error').innerText="用戶名可用"
}
})
};
</script>
myjs.js中的代碼:
function my_ajax(url,callback,params=null,method='get',isasy=true){
var xmlhttp;
/*獲取XMLRequest的對象喂分,可以發(fā)送異步請求*/
if (window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
xmlhttp - new ActiveXOBject('Microsoft.XMLHTTP');
}
/*綁定事件*/
xmlhttp.onreadystatechange = function(){
if (xmlhttp.readyState==4 && xmlhttp.status==200){
callback(xmlhttp.responseText)
}
}
/*準備并發(fā)送*/
xmlhttp.open(method, url, isasy)
xmlhttp.send(params)
}
urls.py中的代碼:
url(r'^checkusername$',views.checkusername)
views.py中的代碼:
記得引用相關模塊
def checkusername(request):
user_name = request.GET.get('user_name')
if UserInfo.objects.filter(userName = user_name).exists():
return HttpResponse(1)
else:
return HttpResponse(0)
頁面效果:
ydd賬號已被注冊
賬號可用