<body>
<div class="control-group">
<label for="" class="input-label" >用户名:</label>
<div class="controls">
<input id="username" class="input-text" type="text" name="username" />
</div>
</div>
</body>
<script>
$(document).ready(function(){
$("input").blur(function(){
var username = $("#username").val();
var email = $("#email").val();
$.ajax({
type: "post",
url : "res_demo_01.PHP",
dataType: "json",
data:{
"username":username,
},
success: function(msg){
if(msg == 'ture'){
alert('此用户名已经存在!');
}
}
});
});
});
</script>
那么在res_demo_01.PHP控制器中,如何写呢,这里主要是查询数据库,是否存在这个用户,这里我就不写查询方法了
$datas = $_POST;
$datas['username'] == 'aaaa';//我这里假设是有这个用户的
if($datas['username'] == 'aaaa'){
echo json_encode('ture');
}
如果用户aaaa存在,当鼠标在用户名的输入框失去焦点的时候,就会弹出提示“此用户已经已经存在”。
此文为原著,如需转载复制,请注明历史来源,http://blog.csdn.net/qq_22327455