index.jsp页面代码:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<script type="text/javascript" src="/jQuery/jQuery/jquery-1.2.6.pack.js"></script>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
jQuery(function(){
$("#user_name").blur(function(){
var name= $.trim($("#user_name").val()); //获得表单的值.
$.ajax({
url:"/jQuery/myServlet", //请求服务器url地址.
data:{username:name},//获得表单里面的值,传入服务器中..
cache:false,
success:function(data){
if(data=="true"){
alert("姓名可以使用!");
}else{
alert("姓名不能使用!");
}
}
})
})
});
</script>
</head>
<body >
<form action="" name="myform">
UserName:<input type="text" id="user_name">
</form>
</body>
</html>
下面这一段是MySerlet代码:
package pack.java.demo.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* MyServlet.
* @author ZhouHaiTao.
*
*/
public class myServlet extends HttpServlet {
private static final long serialVersionUID = 7851121456512273692L;
protected void service(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
//获得用户名,传过来的用户名,(注意:这个地方不是直接那表单的name,而是拿ajax里面的param里面的name);
String username=request.getParameter("username");
PrintWriter writer=response.getWriter();
if(username.equals("zhouhaitao")){
writer.print("false");
}else{
writer.print("true");
}
}
}
部署完成之后,就能测试,是否成功.. 功能,相当的简单..就是验证用户名是否存在..
分享到:
相关推荐
php+jquery+ajax最简单例子
本文实例讲述了jQuery使用$.ajax提交表单的方法。分享给大家供大家参考,具体如下: 首先,新建Login.html页面: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
看一个用jQuery提交表单ajax查询的例子。 基本功能:用户输入一个表单,输入准考证和验证码,验证用户是否输入表单,点击查询提交,然后从服务器得到返回的数据并显示出来。 代码如下: jQuery部分: 代码如下: ...
看一个用jQuery提交表单ajax查询的例子。 基本功能:用户输入一个表单,输入准考证和验证码,验证用户是否输入表单,点击查询提交,然后从服务器得到返回的数据并显示出来。 代码如下: jQuery部分: 代码如下: ...
分为前台和后台,后台定义一些公司、项目、人员(客户和工程师)报表统计等,前台主要是客户和工程师的一些关于uhd单据的填写回馈,查询,用到了ajax分页、ajax表单提交等,dom操作,主要应用jquery框架,js日历控件的...
首先先说下表单提交吧,要提交表单那么就得先收集表单数据(至于验证这个我就不说了,要说留下下次吧),有了jquery取个html的值还是简单$(“xxid”).val()等就完了,但如果一张表单收集的数据很多,像这样的表单又有...
一个简单的validate表单验证例子,包含的通用为空、格式(邮政编码等)、自定义验证、ajax验证……
这里是个简单的表单验证例子,向你展示jQuery如何影响你编写的代码。这段代码创建一个document元素的jQuery对象, 然后当html DOM文档准备完毕后调用此实例. 你可以无限次的调用这个函数. 另外,在真正的jQuery风格...
本文实例讲述了jquery+ajax实现直接提交表单的方法。分享给大家供大家参考,具体如下: 这里给出查看帮助文档的例子 [removed][removed] [removed] $(function(){ $(#results).append( <tt> + $(form).serialize()...
其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...
本文实例讲述了jquery.form.js实现将form提交转为ajax方式提交的方法。分享给大家供大家参考。具体分析如下: 这个框架集合form提交、验证、上传的功能。 这个框架必须和jquery完整版结合,否则使用min则无效。 ...
d、用户名要使用ajax验证 3、js验证通过后, 数据交给servlet处理,如果数据不符合要求,返回表单提交页面,原来填写的内容必须回显。 4、注册成功后,进入登陆页面,完成登陆操作。 5、登陆成功后,显示所有的用户...
提升用户体验jquery Ajax表单输入检测验证示例代码 25.推荐jQuery美化Select下拉单选框模拟插件V1.3.6版本下载 26.推荐jQuery美化select下拉框样式漂亮效果 27.下载jQuery网页表单美化修饰插件(jQtransForm...
//定义一个form表单form.attr(“style”,”display:none”);form.attr(“target”,””);form.attr(“method”,”post”);form.attr(“action”,”exportData”);var input1=$(“<input>”);input1.attr(...
应用struts2 jquery json简单小例子。可编译,可执行,可看效果。注释很详细。包也很齐全。 1,表单提交。怎么来回传递值的(包括字符串,对象,集合),解析json。 2,ajax提交,操作字符串,对象,数组。
昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作,如果用submit表单提交挺方便的,但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了,因为我之前做过的项目中基本上没用Ajax来批量提交复选框数据,...
jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传。 最近在使用jquery.form.js提交包含文件的表单时,碰到了一个问题:当碰上网速较慢时,而我们又设置了timeout时,例如: var options = { timeout:...
表单提交数据和Ajax提交数据的区别:表单提交是提交的整个页面中的数据,提交数据之后会抛弃之前的页面(刷新页面);ajax是在当前页面提取某些数据并提交出去,并能接收返回来的数据,处理之后进而显示在当前页面(不...
一、jQuery Form的其他api 1. formSerialize 将表单序列化成查询串。这个方法将返回一个形如: name1=value1&name2=value2的字符串。 是否可以连环调用: 否, 这个方法返回的是一个字符串。 例子: var queryString ...