Question

$("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>

我有4个标签和4个文本框。我想要显示一条消息＆＃34;这不能留空＆＃34;如果留空。上面的代码适用于textbox1。它不适用于文本框2.此外，还有更好的方法吗？在哪里我可以最小化我的代码。我需要为4个文本框和4个标签做同样的事情。

Answer 1

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

希望有所帮助

fiddle

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

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

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

});

模糊仅适用于一个文本框

1 个答案: