Question

请教下关于jquery按钮点击事件判断文本框是否空

如图所示，我写了一个按钮<input type="button" value="登录" id="btn_dl" >和文本框<input name="user" type="text" class="shurukuang" id="username" value=""/>运行后，我点击按钮判断文本框内容是否为空，无论文本框有没有数据，都显示 用户名不能为空。百度了很多也没有找到原因。只能发帖求助了。
图二，我使用js来判断。倒是可以实现。可是 第一次点击按钮，没有任何反应。点击第二次后，一切恢复正常。网上百度了。同样找不出原因。我要抓狂了。





Answer 1

为这5个按钮设置一个相同的class <input class="btn" id="btnA" ..... <input class="btn" id="btnB" ..... <input class="btn" id="btnC" ..... <input class="btn" id="btnD" ..... <input class="btn" id="btnE" ..... 用JQuery去监听,当class为btn的按钮被点击时 $(".btn").click(function(){ // 下面这行代码就是你要的ID属性 $(this).attr("id"); }); 如果按钮也是动态生成的,要通过live去绑定事件,写法如下 $(".btn").live("click",function(){ // 下面这行代码就是你要的ID属性 $(this).attr("id"); });

追问

进过我测试
$(".aaa").click(function () {
$(this).attr("btn_dl");
if ($("#username").val() == "") {
$("#btn_dl").click(function () { $("#lab_text").text("用户名不能空"); });
} else { $("#btn_dl").click(function () { $("#lab_text").text("cao"); });}
});
还是会出现，第一次点击按钮没有反应，点击第二次以后就什么问题都没有了。