2014-06-27 80 views
-1
$("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個文本框。如果它留空,我想顯示一條消息「這不能留空」。以上代碼適用於textbox1。它不適用於文本框2.另外,有沒有更好的方法來做到這一點?我可以在哪裏最小化我的代碼。我需要爲4個文本框和4個標籤做同樣的事情。

+0

你可以在小提琴 – marathonman

+0

我需要看到你的HTML結構共享輸出HTML。但基本上你會給這些輸入中的每一個輸入一個類,然後將它綁定到類(所有這些),然後使用'$(this)'。 –

+0

您有兩個ID爲「Label1」的實驗室,沒有ID爲「Label2」的標籤。 – Guffa

回答

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(); 
    } 

});