<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. Strut 2 ValueStack传送带机制

    源码与jar包下载(将rar改成jar,直接放在WEB_INF\lib目录中即可)    众所周知,Strut 2的Action类通过属性可以获得所有相关的值,如请求参数.Action配置参数.向其他 ...

  2. linux文件备份到windows方法

    目录 背景 方案 过程记录 在windows上创建共享目录 将windows上共享的目录绑定到/mnt目录下 问题处理 背景 需编写部门wiki备份数据脚本.但wiki部署在linux上,而需将备份数 ...

  3. 用jquery动态生成的元素绑定事件

    $(document).on("click",".class a",function(){ })

  4. 关于sum.misc.Unsafe的一点记录

    最近在读Undertow的源码,对于ServletPrintWriterDelegate类的实现比较感兴趣,做个记录. 源码github坐标:ServletPrintWriterDelegate.ja ...

  5. eclipse中 tomcat首页server Locations变灰无法编辑

    解决办法: 1.首先将Servers中部署的工程全部清空 2.然后对Tomcat v8.0 Server at localhost,点右键进行clean处理,再重新双击打开server服务即可.

  6. 关于jena-fuseki SPARQL query版本问题的解决方案

    在做“Apache jena SPARQL endpoint及推理”时,遇到了不少问题,主要原因是jena-fuseki版本更新了.以下对问题解决方案做下笔记.想了解更多,请查阅底部参考文献. Que ...

  7. JavaScript (JS)基础：DOM 浅析 (含数组Array、字符串String基本方法解析)

    ①文本对象document: 例如:document.getElementById()    只获取一个对象          document.getElementsByTagName()   获取 ...

  8. 【CF1016D】Vasya And The Matrix（构造）

    题意: 思路:构造方式见代码…… #include<cstdio> #include<cstring> #include<iostream> #include< ...

  9. aspx生成静态页面html 例子

    原文发布时间为:2009-07-26 -- 来源于本人的百度文章 [由搬家工具导入] using System;using System.Data;using System.Configuration ...

  10. C++中的explicit关键字（转）

    按默认规定,只用传一个参数的构造函数也定义了一个隐式转换.举个例子: #pragma once class CExample { public: CExample(void); CExample(); ...