<script src="../include/jquery.js"></script>
<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('此用户名已经存在！');
}
}
});
});
});
<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.youkuaiyun.com/qq_22327455
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
