jQuery实现用户登录的异步刷新

没事用SSH搞个OA练练手 顺便搞了下异步刷新
index.jsp:

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


  
    
	
	
	
	
  
  

  
  






    
      
 
    
    
      

      

      用户名:

      

      密  码:

      

      验证码:

      

      
      
      
    
  
  

fresh()函数用来当页面被刷新时使用 将密码和验证码清空
index_deal.js:

// JavaScript Document
$(function(){
$("#username_id").select();
$(this).removeClass("input_class");
$("#submit_id").click(function(){
var username=$("#username_id").val();
var password=$("#password_id").val();
var verify=$("#verify_id").val();
if(username=="")
	{
	//显示提示信息
	$("#username_message").html("用户名不能为空");
	return;
	}
	else if(password=="")
	{
	$("#password_message").html("密码不能为空");
	return;
	}
	else if(verify=="")
	{
	$("#verify_message").html("请输入验证码");
	return;
	}
});

$("#username_id,#password_id,#verify_id").keyup(function(){
var nodeval=$(this).val();
if(nodeval=="")
{
$(this).addClass("input_class");
}
else
{
$(this).removeClass("input_class");
//这是当表单值为空时点击登录的话会显示用户名不存在 当输入值之后这个提示信息会消失
if($(this).attr("id")=="username_id")
{
$("#username_message").html("");
}
else if($(this).attr("id")=="password_id")
{
$("#password_message").html("");
}
else if($(this).attr("id")==$("verify_id"))
{
	$("#verify_message").html("");
}

}
});

});

页面加载完成首先执行一下$(this).removeClass("input_class");是因为用户名填写好后刷新的话页面上依旧有红色提示框但是文本框中还有内容 别的就不上了 jQuery其实挺简单的 无意间看了一点儿就大概知道怎么玩儿了 所以就搞了一下 呵呵[img]http://img165.poco.cn/mypoco/myphoto/20111212/22/6448436020111212225326019.jpg[/img]