一个JQuery的小例子出错帮看看。。。

xuexijava xuexijava 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
html文件代码:
<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事件后没有响应,不能实现在键盘按下键后取消文本框边框为红色的样式?
...全文
评论 4
收藏 已收藏
分享
返回顶部
xuexijava
Ajax 52,778 成员 25,334 内容