一个最简单的实现。
已注册用户名 levey 和 swnuv
Code:
index.html
Check UserName用户名*
这里就是ajax了
check.js
$(document).ready(function(){
checkUserName();
});
//验证用户名是否存在
function checkUserName(){
$("#username").blur(function(){
var username = $(this).val();
//此处替换你自己的jsp路径,jsp返回值:存在输出1,不存在输出0
var changeUrl = "check.php?username=" + username;
$.get(changeUrl,function(str){
if(str == '1'){
$("#tips").html("您输入的用户名存在!请重新输入!");
}else{
$("#tips").html("恭喜您,可以注册!");
}
});
return false;
})
}
这个页面用jsp实现就行了
check.php
session_start();
header("Content-type:text/html;charset=utf-8");
if (isset($_GET['username'])) {
$username = $_GET['username'];
$check1 = "levey";
$check2 = "swnuv";
if ($username == $check1 || $username == $check2) {
echo 1;
exit;
}else{
echo 0;
exit;
}
}