【jquery】ajax实现用户名验证
2016-11-14 00:00
281 查看
1.导入jQuery库
2.获取name="username" 的节点:UserName
3.为username添加change响应函数
3.1.获取username的value属性值,去除前后前后空格且不为空,这边发送ajax请求
3.2.发送ajax 请求检验username是否可用
3.3.在服务端直接返回html的片段:<font color="red">用户名可用</font>
3.4.在客户端浏览器把服务端返回的结果之间添加到#message的html中
[JavaScript]代码
<script type="text/javascript"> $(function(){ $(":input[name='username']").change(function(){ var val=$(this).val(); val=$.trim(val); if(val!=""){ var url="url"; var args={"username":val,"time":new Date()}; $.post(url,args,function(data){ $("#message").html(data); }); } }); }); </script>
[HTML]代码
<body> <form action="" method="post"> UserName:<input type="text" name="username"/><br/> <div id="message"></div><br/> <input type="submit" value="Submit"/> </form> </body>
相关文章推荐
- 利用jQuery实现的Ajax 验证用户名是否存在
- 利用jQuery实现的Ajax 验证用户名是否存在
- php+jquery+ajax实现用户名验证
- 基于jQuery实现的Ajax 验证用户名是否存在的实现代码
- 基于jQuery实现的Ajax 验证用户名唯一性实例代码
- 基于jQuery实现的Ajax 验证用户名是否存在的实现代码
- 利用jQuery实现的Ajax 验证用户名是否存在
- Jquery实现Ajax用户名实时验证
- Jquery与ajax结合实现验证用户名(邮箱是否)已经被注册过
- php+jquery+ajax实现用户名验证
- Jquery实现Ajax用户名实时验证
- 利用jQuery实现的Ajax 验证用户名是否存在
- (2010-08-22)利用jQuery实现的Ajax 验证用户名是否存在
- 利用jQuery实现的Ajax 验证用户名是否存在
- 基于jQuery实现Ajax验证用户名是否可用实例
- jquery ajax+mysql+php实现数据库验证用户名是否存在
- jQuery结合Ajax实现用户名是否存在的验证代码
- 艾伟_转载:利用jQuery实现的Ajax 验证用户名是否存在
- php+jquery+ajax实现用户名验证
- jQuery 与 AJAX 实现失去焦点验证用户名是否合格