Jquery 模糊仅适用于一个文本框 $（“span”）.hide（）； $（“#”）.blur（函数（）{ 如果（$（“#”）。值==“”）{ $（“#”）text=“不能为空” $（“#”）显示（）； } 否则{ $（“#”）隐藏（）； } }); $（“#”）.blur（函数（）{ 如果（$（“#”）。值==“”）{ $（“#”）text=“不能为空” $（“#”）显示（）； } 否则{ $（“#”）隐藏（）； } }); 名字： 姓氏：

---

我有4个标签和4个文本框。如果保留为空，我想显示一条消息，说明“此项不能保留为空”。上述代码适用于textbox1。它不适用于文本框2。还有，有没有更好的方法？在那里我可以最小化我的代码。我需要对4个文本框和4个标签执行相同的操作。

有很多验证插件。您尝试对空输入使用模糊，所以这里是解决方案

希望能有帮助

---

你能在Fiddle上共享输出html吗？我需要查看你的html结构。但基本上，您将为这些输入中的每一个提供一个类，然后将其绑定到该类（所有这些输入），然后使用

$（this）

。您有两个标签

ID=“Label1”

，没有标签

ID=“Label2”

。

$("span").hide();    

$("#<%=textbox1.ClientID%>").blur(function(){

    if($("#<%=textbox1.ClientID%>").value == ""){
        $("#<%= label1.ClientID%>").text = "This cannot be left blank"
         $("#<%= label1.ClientID%>").show();
    }
    else{
        $("#<%= label1.ClientID%>").hide(); 
    }
});

$("#<%=textbox2.ClientID%>").blur(function(){

    if($("#<%=textbox2.ClientID%>").value == ""){
        $("#<%= label2.ClientID%>").text = "This cannot be left blank"
         $("#<%= label2.ClientID%>").show();
    }
    else{
        $("#<%= label2.ClientID%>").hide(); 
    }
});

<table action="demo_form.asp">
     <tr>
         <td>First Name:</td>
         <td><asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></td>
         <td><asp:Label ID="Label1" runat="server" Text="Label"></asp:Label></td>
     </tr>
     <tr>
         <td>Last Name Name:</td>
         <td><asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td>
         <td><asp:Label ID="Label2" runat="server" Text="Label"></asp:Label></td>
     </tr>

$(".blur").blur(function () {

  var label = $("#label-" + $(this).prop("id"))

  if ($(this).val() == "") {
    label.show().text("This cannot be left blank");
  } else {
    label.hide();
  }

});