日期:2014-05-16  浏览次数:20435 次

Jquery验证的问题 跪求大神指点
小弟js新手一枚 现遇到了一个问题 表单验证的时候 remote里边那个user总是undefine的?

<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>
<link rel="stylesheet" href="css/jqzoom.css" type="text/css" media="screen">
<script src="js/jquery-1.4.min.js"></script>
<script src="js/jquery.validate.js"></script>
<script src="js/jquery.jqzoom.js"></script>
<script type="text/javascript">
$(function(){
$("#myform").validate(
{
rules:{
user:{required:true ,
remote :{
type:"post",
url:"login.do",
data:{
user:function(){
//alert($("#user").val());一直都是undefine为什么呢
return $("#user").val();
//return "tom";
}
}
}
},
pwd:{ required:true ,
rangelength:[6,8],

},
repwd:{required:true,
equalTo:"#pwd"
}

},
messages:{
user:{required:"用户名不能为空",
remote:$.format("用户名已经被注册!")
},
pwd:{required:"密码不能为空",
rangelength:"密码位数6-8"
},
repwd:{
required:"确认密码不能为空",
equalTo:"确认密码不一致"
}
},
errorPlacement:
function(error,element){
error.appendTo(element.next().find("span"));
},


}
);
$(".jqzoom").jqueryzoom();
});
</script>
</head>
<body>
<form id="myform" action="" method="post">
用户名:<input type="text" id="user "name="user"/>
<div><span  id="span" style="color:red"></span></div><br>
密码:<input type="password" id="pwd" name="pwd"/>
<div><span id="pwd" style="color:red"></span></div>
确认密码:<input type="password" name="repwd"/><div><span  id="span" style="color:red"></span></div>
<input type="submit" value="登录"/>
</form>
<div class="jqzoom">
<img src="images/me_small.jpg" jqimg="images/me_big.jpg">
</div>
</body>
</html>

这里边的user 验证为什么一直undefine呢 

------解决方案--------------------
看看id="user这里有空格"