11-Jquery使用get方法实现用户名的验证
来源:互联网 发布:淘宝加入公益宝贝 编辑:程序博客网 时间:2024/05/16 00:59
/* * 需要通过Javascript代码来做两件事情 * 1.button被按下的时候,需要将文本框中的数据获取到,然后发送给服务器端,最后接受服务器返回的数据,填充到我们预留的div中,这样用户就可以看到结果 * 2.文本框上,用户按键之后,需要判断文本框中的内容是否为空,如果不为空,红色的边框和背景图就应该取消,否则保留 * *//* * 需要在页面装载完成是注册上这些工作 * */$(document).ready(function() {//这里面的内容就是页面装载完成后需要执行的代码var userNameNode = $("#userName");//需要找到button按扭,注册事件$("#verifyButton").click(function() {//1.获取文本框的内容var userName = userNameNode.val();//2.将这个内容发送给服务器端if (userName == "") {alert("用户名不能为空");} else {$.get("http://localhost:8080/UserVerify/UserVerify?userName=" + encodeURI(encodeURI(userName)),null,function(response){//3.接收服务器端返回的数据,填充到div中$("#result").html(response);});}});//需要找到文本框,注册事件userNameNode.keyup(function(){//获取当前文本框中的内容var value = userNameNode.val();if (value == "") {//让边框变成红色,并且带背景图userNameNode.addClass("userText");} else {//去掉边框和背景图userNameNode.removeClass("userText");}});});
百度云下载地址:http://pan.baidu.com/s/1eQ79xg2
$(document).ready(function(){})======$(function(){})
0 0
- 11-Jquery使用get方法实现用户名的验证
- jQuery实现简单的用户名验证
- jQuery的ajax()检验用户名;通过jQuery的load()/get()/post()方法实现;使用XMLHTTPRequest对象来进行AJAX的异步数据交互
- jquery ajax struts2用户名验证(get)
- 使用JQuery验证重复用户名
- 使用jQuery实现无刷新效果验证用户名
- jQuery异步验证用户名是否存在的方法
- 利用jQuery实现的Ajax 验证用户名是否存在
- 基于jQuery实现的Ajax 验证用户名唯一性
- 使用javascript实现用户名验证
- jQuery对AJAX的封装——$.get(验证用户名是否存在)
- php+jquery+ajax实现用户名验证
- Jquery实现Ajax用户名实时验证
- springmvc+jquery+ajax实现异步用户名验证
- JQuery实现异步验证用户名是否存在
- php+jquery+ajax实现用户名验证
- js验证用户名的方法
- 关于用户名验证的方法
- hdoj 2031 c++
- C++ 现在一些人动不动就要挽起袖子自己写内存池,号称能提高性能,真当 Ulrich Drepper 是水货?
- Android 自定义下拉刷新上拉加载更多Listview
- 【黑马程序员】【C语言】循环结构-for循环
- 搭建PhoneGap开发环境以及新建项目
- 11-Jquery使用get方法实现用户名的验证
- Leetcode92: Swap Nodes in Pairs
- P2P太假了,光有网站平台,连人都找不着了,更不用说网站大漏洞没人管,呵呵
- 常用分割线递推方程
- php数组
- 笔记本电脑秒便WIFI热点
- 自然对数的底数e的由来和计算方法
- hdu5074Hatsune Miku dp水题
- UML类图