JQuery Ajax 的简单使用
2015-12-26 15:22
549 查看
简单判断用户名存在不存在,如果数据库存在此用户名,提示不能注册
前台代码如下:
php代码:
效果:
前台代码如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <load href='__PUBLIC__/js/jquery-1.7.2.min.js'/> <script> $(function(){ $('input[name="username"]').blur(function(){ var username=$(this).val(); $.get('__URL__/checkName',{'username':username},function(data){ if (data=='no') { $('input[name="username"]').after('<span id="umessage" style="color:red;font-size:12px">该用户已经被注册</span>'); }else{ $('#umessage').remove(); } }); }); }); </script> </head> <body> <table> <tr> <td>用户名:</td><td><input type="text" name='username'></td> </tr> </table> </body> </html>
php代码:
public function checkName(){ $username=I('get.username'); $where['username']=$username; $count=M('user')->where($where)->find(); if ($count) { echo 'no'; }else{ echo 'yes'; } }
效果:
相关文章推荐
- jquery-validation输出提示信息美化
- jquery学习--jQuery安装
- JQuery插件写法
- checkbox选中属性---坑到死
- qTip2 精致的jQuery提示信息插件
- jquery选择器的使用
- jQuery ZeroClipboard 复制到剪贴板功能,兼容所有浏览器
- jQuery file upload file 总结
- 锋利的jquery学习
- jquery省市区三级联动
- 20151225jquery学习笔记---编辑器插件
- 20151225jquery学习笔记---折叠菜单UI
- 20151225jquery学习笔记---选项卡UI
- Jquery选择器
- (function($){...})(jQuery)是什么意思
- Jquery鼠标点击后变色,点击另一个按钮颜色还原
- 前端----表格的具体使用(jquery)
- 常用的jQuery代码片段
- 转义字符
- jQuery基础事件