前台登陆页面，用js控制，页面无反应

为何 提交无反应呢？？点击了 
<a id="loginBtn" style="cursor: pointer;"><img src="images/login_bottom.png" /></a> 
后台console 不报错，页面也不动。 求助各位大神啊 这是为什么呢？？
$.post("login!verifyUser",{username:username,password:password},function(data)//这一行是什么意思？谢谢！
$(function(){
$("#username").focus();
$("#loginBtn").click(function(){
var username = $("#username").val();
var password = $("#password").val();
if($.trim(username)==""){
$("#messagebox").html("用户名不能为空！");
return;
}
if($.trim(password)==""){
$("#messagebox").html("密码不能为空！");
return;
}

$.post("login!verifyUser",{username:username,password:password},function(data)//这一行是什么意思？
{
if(data == '1') {
$("#messagebox").html("密码错误！");
}else if(data == '2'){
$("#messagebox").html("用户不存在！");
}else{
$("#loginFrm").get(0).submit();
}
});
});<%@ page pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s" %>  
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>测试系统</title>
<link href="css/login2.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="plugins/easyui/themes/default/easyui.css">
<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="plugins/easyui/jquery.easyui.min.js"></script>
<script src="js/login.js"></script>
</head>
<body id="login">
<s:form id="loginFrm" action="login!loginToIndex" method="post" >
    <div class="login_bg"></div>
    <div class="login_content">
     <ul>
     <li class="logoe">图书管理
        <li class="logoo" id="name"><div id="loginname">用户名：<input id="username" name="username"/></div></li>
        <li class="logo1" id="pwd"><div id="passworddiv">密&nbsp;   码 ：<input type="password" name="password"  id="password" /></div></li>
        <li class="logo2" id="ver1"><a id="loginBtn" style="cursor: pointer;"><img src="images/login_bottom.png" /></a></li>
        <li class="logo3" id="l_msg1"><span id="messagebox"></span></li>
        </ul>
    </div>
</s:form>
</body>

解决方案 »

  1.   

    先改成普通的提交试试<input type="submit" value="确定" />
      

  2.   

    $(function(){
    $("#username").focus();
    //... 以下省略
    });dom树还没加载完 所以你绑定的事件都没绑定上应该换成 $(document).ready(function(){
    $("#username").focus();
    //... 以下省略
    });
    另外：
    $.post("login!verifyUser",{username:username,password:password},function(data)
    这句话是指 想login!verifyUser 这个地址发送一个post请求
      

  3.   

    $.post("login!verifyUser",{username:username,password:password},function(data)
    jquery 异步提交表单$.post(url,{param:value},回调函数)
      

  4.   


    那么 请问  username:username这指的是一种赋值么？这两个分别指的是哪个username么？再次感谢
      

  5.   

    是赋值，前面的就像是key,后面的是页面上取到的value
      

  6.   

    java代码action中打个断点，看看走不走，就知道了，在action中定义变量，并且生成get,set方法，接收数据，提交变量名，必须和action中的变量名相同。
      

  7.   

    问题好像是出在 js里面。 用户名 、密码 的空判定可以顺利提示出来。唯独这个submit 无法正常提交。$.post("LoginAction",{username:user.name,password:user.pwd},function(result){
    if(result == '1') 
    {
    $("#messagebox").html("密码错误！");
    }
    else if(result == '2')
    {
    $("#messagebox").html("用户不存在！");
    }
    else
    {
    $("#loginFrm").get(0).submit();
    }
    });这一段 如果改为 直接提交 不做判定 应该怎么写呢？
      

  8.   

    ie调试下 看看是哪行出的问题，应用jquery.js了么
      

  9.   

    $.post("login!verifyUser",{username:username,password:password},function(data)//这一行是什么意思？
    这个是调用jq的ajax功能,
    第一个参数是url:这里回去条用login中饿verifyUser
    第二个参数是传入方法的参数：这里用的JSON数组，这个不用太关心，只要名字和值对应就OK
    第三个参数是一个回调函数：data是你从后台返回来的东西。看了你的JS，你一开始就然 username的文本框foucs了，那你其他的地方就根本没用了。
    所以建议去掉。