<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. caffe-dnnh实验

    下面是我在做基于深度哈希的大规模图像检索中的一个实验,相关文档介绍给大家,具体内容查看提供的相关链接,总结的很到位了,我就不再赘述. 实践cvpr2015年的深度哈希图像检索论文:Simultaneo ...

  2. 【bzoj3280】小R的烦恼 费用流

    题目描述 小R最近遇上了大麻烦,他的程序设计挂科了.于是他只好找程设老师求情.善良的程设老师答应不挂他,但是要求小R帮助他一起解决一个难题. 问题是这样的,程设老师最近要进行一项邪恶的实验来证明P=N ...

  3. Pointcut is not well-formed: expecting 'name pattern' at character position 53

    报错内容: org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'dataso ...

  4. 基于kubuntu的C/C++开发环境搭建

    基于kubuntu的环境搭建 系统: kubuntu 14.04 中文输入法: SICM ibus fcitx:sougou 中文输入法的安装比较复杂,由于各种的不兼容,可能会出现各种的问题: 终端配 ...

  5. Origin 2018 的坐标轴中文标签发生倒立/翻转

    问题: 在使用 origin 2018 作图时,坐标轴或者是标签中输入中文后,将其更换中文字体(英文字体没有该问题)后发生倒立的情况 解决: 后来发现 Origin 2018 中存在两种中文字体,其中 ...

  6. Javaweb测试

    1.建立web 工程 输入Project name.然后点击finish. 2.右键点击WebContent-New-JSP File,新建jsp文件. 3.然后编写一个jsp登录的程序 <%@ ...

  7. 【06】next() 伪函数

    串行,第一个完成后,去执行第二个第二个异步任务,使用next()尾函数.首先我么想完成三个任务,task1,task2,task3,如图: 实现方式1: var fs = require(" ...

  8. 心跳 CSS

    生活中我们所见到的大部分图形(正方形.长方形.圆形.椭圆.三角形.多边形...)都是可以用css3来实现,以及一些复杂点的图形——其实都是由基本图形组合而成的. 由于明天就是情人节了,所以今天我们就用 ...

  9. 批量保存 htm

    公司项目,需要对一个列表做批量保存到Doc的功能. 后来通过架构人员协助,采用MemoryStream二进制流的方式保存为htm文档. 然后通过第3方的dll,ICSharpCode.SharpZip ...

  10. 牛客挑战赛14-F细胞

    https://www.nowcoder.com/acm/contest/81/F 循环卷积的裸题,太久没做FFT了,这么裸的循环卷积都看不出来 注意一下本文的mod 都是指表示幂的模数,而不是NTT ...