<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. Excel的数据批量替换

    该篇文章照抄自:http://www.cnblogs.com/xwgli/p/5845317.html 在 Excel 中使用正则表达式进行查找与替换  在 Excel 中,使用 Alt+F11 快捷 ...

  2. codevs 1690 开关灯 线段树区间更新 区间查询Lazy

    题目描述 Description YYX家门前的街上有N(2<=N<=100000)盏路灯,在晚上六点之前,这些路灯全是关着的,六点之后,会有M(2<=m<=100000)个人 ...

  3. 利用C#原有函数对数组进行降序排列

    原文发布时间为:2009-03-04 -- 来源于本人的百度文章 [由搬家工具导入] 利用 Array类的静态方法 Sort可以对数组进行升序排列。如下：       Array.Sort(数组名); ...

  4. c#.net前台调用JS文件中的函数[.net与JavaScript的应用]

    原文发布时间为:2008-10-10 -- 来源于本人的百度文章 [由搬家工具导入] <%@ Page Language="C#" AutoEventWireup=" ...

  5. transfered jquery plugin practice!

    jQuery插件开发入门 发表于 2014年05月23日 by 天涯孤雁 被浏览 20,897 次 ======2014-5-27 更新======= Require.js中使用jQuery 插件请查 ...

  6. [论文]A Link-Based Approach to the Cluster Ensemble Problem

    论文作者:Natthakan Iam-On, Tossapon Boongoen, Simon Garrett, and Chris Price 下次还是在汇报前先写了论文总结,不然有些点汇报时容易忘 ...

  7. Manjaro Linux下使用powerline

    作为linux的重度使用者,vim和bash的使用也非常平凡,总想有点不同,感觉千篇一律的提示符已经看的厌倦了.作为广大网友的推荐的powerline可以为bash和vim的提示符美化增色不少.下面请 ...

  8. Swift Perfect 服务器配置（Ubuntu16.0.4 主机、虚拟机）

    Mac 开发环境 brew install mysql@5.7 && brew link mysql@5.7 --force mysql.server startmysql_secur ...

  9. 基于 Intraweb 和 JQuery 的开发套件

    基于 Intraweb 和 JQuery 的开发套件 http://www.cgdevtools.com/ 开发速度无敌,界面也非常美. 我的web短板终于解决了.....!!!!..!!! 做一个小 ...

  10. 浅谈控件(组件)制作方法一（附带一delphi导出数据到Excel的组件实例）（原创）

    来自:http://blog.csdn.net/zhdwjie/article/details/1490741 -------------------------------------------- ...