Ajax小案例:验证表单中用户名是否可用
来源:互联网 发布:什么软件可以锁一体机 编辑:程序博客网 时间:2024/06/07 15:41
需求:输入用户名判断是否存在此用户
创建表单index.jsp
<%-- Created by IntelliJ IDEA. User: pc Date: 17-4-21 Time: 下午5:15 To change this template use File | Settings | File Templates.--%><%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>注册信息</title> <script type='text/javascript' src='../js/jquery.min.js' charset='utf-8'></script> <style> .top { margin-left: 800px; margin-top: 200px; } </style> <script type="text/javascript"> $(function () { $(":input[name='username']").change(function () { var name = $(this).val(); name = $.trim(name);//取出前后空格 if (name != "") { var url = "/Login_AServlet"; var args = {"username": name, "time": new Date()}; $.get(url, args, function (data) { $(".message").html(data) }); } }); }); </script></head><body><div class="top"> <h1>信息注册</h1> <form action="#" method="post"> 用户名:<input type="text" name="username"><span class="message"> </span><br> 邮 箱:<input type="text" name="emile"><br> 性 别:<input type="radio" name="sex" value="男生" checked="checked">男生 <input type="radio" name="sex" value="女生">女生<br> <input type="submit" value="登 录"> </form></div></body></html>
Login_AServlet.java
<%-- Created by IntelliJ IDEA. User: pc Date: 17-4-21 Time: 下午12:10 To change this template use File | Settings | File Templates.--%><%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <script type='text/javascript' src='./js/jquery.min.js' charset='utf-8'></script> <title>Title</title> <script type="text/javascript"> $(function () { $("a").click(function () { var url = this.href; var time = {"time": new Date()} $.post(url, time, function (data) { var name = $(data).find("name").text(); var age = $(data).find("age").text(); var email = $(data).find("email").text(); $(".html_").html(""); $(".html_").append("<h2>姓名:" + name + "性别:" + age + "邮箱:" + email); }); return false; }); }); </script> <title>Title</title></head><body><h1>学生信息:</h1><ul> <li><a href="./xml_ajax/huan.xml">马小欢</a></li> <li><a href="./xml_ajax/yun.xml">赵云</a></li> <li><a href="./xml_ajax/ming.xml">小明</a></li></ul><h1 class="html_"></h1></body></html>
文章文集:JavaEE–学习笔记
0 0
- Ajax小案例:验证表单中用户名是否可用
- AJAX中用户名校验
- ajax验证用户名是否可用
- ajax 验证用户名是否可用
- ajax验证userName是否可用
- 表单是否可用的一个案例
- Ajax验证用户名小案例
- Ajax即使验证用户名是否可用(实例)
- Ajax学习笔记-验证用户名是否可用
- Ajax之验证用户名是否可用 入门
- struts使用Ajax验证用户名是否可用
- Ajax验证用户名是否注册案例
- form表单中用户名和密码对齐的简单实现
- form表单中用户名和密码文字对齐
- ajax表单验证后台用户名是否存在
- AJAX实例一:用AJAX验证注册用户名是否可用
- ajax(四) Ajax应用:验证用户名是否可用
- SSH中用AJAX验证注册名是否被占用
- UISCROLLVIEW 在ios8 view显示出来后 contentoffset 被置位 (零, -64)的原因
- php+android 搭建后台及显示
- MVC开发模式
- Ajax学习笔记
- CF#410(Div.2) 解题报告
- Ajax小案例:验证表单中用户名是否可用
- Qt Meta Type System
- String和StringBuffer的区别
- java语言基础(41)——面向对象(类名接口名作参数和返回值)
- 第十五届北京师范大学程序设计竞赛决赛 K. Keep In Line【模拟】
- ConcurrentHashMap原理详解
- Scrapy全局变量
- Android蓝牙连接之SPP协议
- 事务