<script type="text/javascript">     

/*   $(document).ready(function(){

      var id="ha";

      var s="<td>用户名：<select name='"+id+"'>"+"<option>sdfsdf</option></select>"

     $("#f").html(s);

  })

   */

  function func(){

  document.form1.action="index.jsp?opt=0";

  document.form1.submit();

  }

  function funcs(){

    if(!document.getElementById("name").value)

  {

  document.getElementById("name").value='请输入用户名';document.getElementById("name").style.color='#999';

  }

  else{

  var name=document.getElementById("name").value;

   $.ajax({

        type: "POST",

        url:"my.jsp",

        data:"name="+name,

        success:function(name){

        document.getElementById("tip").innerHTML=name;

        }

    });

  }

  }

  function focus(){

  alert("wocaonima");

//   if(document.getElementById("user.name").value=='input') document.getElementById("user.name").value="";

  if(document.getElementById("name").value=='input')

  {

  document.getElementById("name").value="";

  alert("haobuhao1");

  this.style.color='#000';

  }

  }

  </script>

<!--   onfocus="if(value=='请输入用户名') {value='';this.style.color='#000';}" onblur="if(!value) {value='请输入用户名';this.style.color='#999';}" -->

  <%

if(session.getAttribute("username")==null)

  {

   %>

  <body>

  <center>

  <form method="post" name="form1">

  <table>

  <tr><div id="f"><td>用户名：<input type="text" id="name" name="name" onfocus="if(value=='请输入用户名') {value='';this.style.color='#000';}" onblur="funcs()"></td></div><td><label id="tip"></label></tr>

  <tr><td>密码：<input type="password" name="password"></td></tr>

 <tr><td> <input type="button" value="提交" onclick="func()" align="middle">

 </td></tr>

  </table></form> 

    </center>

  </body>

  <%}

  else{

 %> 

  <script type="text/javascript">

 window.location.href="index.jsp";

  </script>

  <%

  }

   %>

my.jsp为ajax的处理页面，代码如下

<%@page import="java.io.PrintWriter"%>

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ page import="com.gree.ConnDB" %>

<%

String path = request.getContextPath();

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

  <%

  String name= request.getParameter("name");

  String data="";

  int result=0;

//  response.setContentType("text/html");

   PrintWriter outs=response.getWriter();

 if(name==null) {

 name="";

 System.out.print("haha");

 }

 ConnDB db=new ConnDB();

  result=db.test(name);

 if(result==0)  data="<p style='color:red;'> 该用户名不存在！</p>";

 else data="<p style='color:blue;'> 用户名输入正确</p>";

 outs.write(data);

  %>

此处PrintWriter类的write方法可以将处理后的数据返还给login.jsp

jsp中jquery用法一步刷新 验证用户名是否存在的更多相关文章

  1. AJAX实现无刷新验证用户名

    register.php <html> <head> <meta http-equiv="content-type" content="te ...

  2. MVC4中 jquery validate 不用submit方式验证表单或单个元素

    正确引入MVC4 jquery验证的相关文件 <script src="/Scripts/jquery-1.4.4.js"></script> <sc ...

  3. MVC中 jquery validate 不用submit方式验证表单或单个元素

    <script src="/Scripts/jquery-1.4.4.js"></script> <script src="/Scripts ...

  4. 【转】 ASP.NET使用ICallbackEventHandler无刷新验证用户名是否可用

    功能说明:当用户在用户名输入框输入字符并焦点离开此输入框时,自动到数据库用户表中验证此用户名是否已被注册,如果已被注册,显示[不可用],反之,显示[可用],期间页面不刷新,读者也可以考虑将提示文字换成 ...

  5. Ajax实现注册无刷新验证用户名是否存在

    1. [代码][JavaScript]代码     ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ...

  6. 利用jQuery实现的Ajax 验证用户名是否存在

    异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用jQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJA ...

  7. jsp中的jquery失效以及引入js失败的问题

    这段时间在试着看公司用的框架是怎么写的,看到项目中对jquery进一步封装的这一部分,所以自己试着写一些demo来模仿框架中的用法. 再一次的,又遇到了一个问题,jsp中引入js的问题,好久没有自己从 ...

  8. jsp中include的两种用法

    JSP中的include的两种用法 1.两种用法 <%@ include file=” ”%> <jsp:include page=” ” flush=”true”/> 2.用 ...

  9. JAVA基础之sql模糊匹配、外键以及jsp中include的用法

    一.SQL模糊匹配 适用于对字符串进行模糊搜索 格式:   字段名 Like '%关键词%'      %          表示这个位置可有任意个字符(没有也可以) %关键词%  只要包含关键词就算 ...

随机推荐

  1. ActionContext和ServletActionContext小结

    1. ActionContext 在Struts2开发中,除了将请求参数自动设置到Action的字段中,我们往往也需要在Action里直接获取请求(Request)或会话(Session)的一些信息, ...

  2. mysql物理备份恢复 xtrabackup 初试

    听闻xtrabackup开源且强大 2018-03-06 11:54:41 在官网下载安装了最新的2.4.9版本 网上文章都用的innobackupex,但是最新版已经抛弃了,自己看看手册<Pe ...

  3. 简单Dp----最长公共子序列，DAG最长路，简单区间DP等

    /* uva 111 * 题意: * 顺序有变化的最长公共子序列: * 模板: */ #include<iostream> #include<cstdio> #include& ...

  4. filesystem

    1 tmpfs 以下来源于维基百科: tmpfs是类Unix系统上暂存档存储空间的常见名称,通常以挂载文件系统方式实现,并将数据存储在易失性存储器而非永久存储设备中.和RAM disk的概念近似,但后 ...

  5. 【09】react 之 表单组件

    不太清楚有多少初学React的同学和博主当时一样,在看完React的生命周期.数据流之后觉得已经上手了,甩开文档啪啪啪的开始敲了起来.结果...居然被一个input标签给教做人了. 故事是这样的:首先 ...

  6. 序列统计（bzoj 4403）

    Description 给定三个正整数N.L和R,统计长度在1到N之间,元素大小都在L到R之间的单调不降序列的数量.输出答案对10^6+3取模的结果. Input 输入第一行包含一个整数T,表示数据组 ...

  7. hdoj 1175 连连看

    连连看 Time Limit: 20000/10000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submi ...

  8. Eclipse与MyEclipse增加主题

    下载所需文件 下载地址:https://pan.baidu.com/s/1slq9lFn 如果eclipse和myeclipse里的MyEclipse 10\dropins存在features和plu ...

  9. Zookeeper如何从官网下载和安装

    打开百度搜索,输入Zookeeper关键词,一般第一条搜索记录就是apache官网下载的地址 进入apache官网,由于是国外的网站,里面内容都是英文的,可以大概看下Zookeeper的描述和介绍,在 ...

  10. 实现多线程sokect

    上一篇文章说到怎样写一个最简单的Java Socket通信,但是在上一篇文章中的例子有一个问题就是Server只能接受一个Client请求,当第一个Client连接后就占据了这个位置,后 续Clien ...