<head>
<link rel="stylesheet" type="text/css" href="css/mya.css">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/mya.js"></script>
</head>
<body>
请输入用户名：<input type="text" id="userName" class="userText"/><input type="button" value="校验" id="bnt"/>
<div id="result"></div>
</body>
CSS文件代码：
.userText{
border:1px solid red;
}
js文件代码
$(document).ready(function(){
alert("is ok");
//需要找到Button按钮，注册事件
$('#bnt').click(function(){
alert("button click");
//1、获取文本框的内容
var userName=$('$userName').val();
//2、将这个内容发送到服务器端
if(userName==""){
alert("userName is empty!");
}else{
$.get("http://localhost:8080/jqueryView/userName?userName="+userName,null,function(response){
//3、需要接收服务器端返回数据，填充到Div中
$("result").html(response);
});
}
});
//找到文本框，注册事件
$('userName').keyup(function(){
//alert("userName keyup!");
//获取文本框中的内容
var value=$(this).val;
if(value==""){
alert(value=="");
//让边框变为红色
$(this).addClass("userText");
}else{
//去掉边框
$(this).removeClass("userText");
}
});
});
现在的问题是为什么注册了keyup事件后没有响应，不能实现在键盘按下键后取消文本框边框为红色的样式？
