簡單的jQuery需要驗證

所以我有這個文本框和按鈕簡單的jQuery需要驗證

<asp:TextBox ID="txtName" runat="server"></asp:TextBox> 
<asp:Button ID="btnAdd" runat="server" Text="Add New Category" OnClick="btnAdd_Click" />

我怎麼能寫在btnAdd點擊它會檢查是否lblName爲空，如果是空的一個非常簡單的jQuery的方法是隻顯示紅色*在文本框之後。

來源

2013-01-14 rikket

你在這個主題上做了哪些研究？ – SnareChops

無法真正瞭解如何顯示*部分，我不想使用插件。 $（文件）。就緒（函數（）{ $（「＃btnAdd」）。點擊（函數（）{ – rikket

哪裏是你的''開始部分？ – SnareChops

由於標籤是呈現爲跨度，所以你將不得不採取的HTML（）的jQuery的功能如下

$('lblName').html()

創建一個函數並調用它的onclient點擊。

<asp:Button ID="btnAdd" runat="server" Text="Add New Category" 
    OnClientClick="return Check();" OnClick="btnAdd_Click" />

和jQuery功能如下

function check() 
{ 
    if($("#lblName").html()=="") 
    { 
     alert("your message"); 
     return false; 
    } 
    else 
     return true; 

}

來源

2013-01-14 04:29:30

我還挺猜測你希望你的前景是什麼，希望我把它關閉。

我建議創建坐在像這樣的文本框旁邊的標籤：

<asp:TextBox ID="txtName" runat="server"></asp:TextBox><asp:Label ID="ErrorLabel" runat="server"></asp:Label> 
<asp:Button ID="btnAdd" runat="server" Text="Add New Category" OnClick="btnAdd_Click" />

然後使用功能在這裏檢查，如果需要與*填寫：

<script type="text/javascript"> 
    function btnAdd_Click() 
    { 
     if($("#txtName").val()=="") 
     { 
      //Textbox is empty 
      $("#ErrorLabel").val("*"); 
     } 
     else 
     { 
      $("#ErrorLabel").val(""); 
     } 
    } 
</script>

有些簡單的CSS來爲它着色：

<style type="text/css"> 
    #ErrorLabel {color:red;} 
</style>

來源

2013-01-14 04:42:26 SnareChops

仍然無法解決某些奇怪的原因： s – rikket

它展示的行爲是什麼？還是它根本就沒有做任何事情？你有沒有嘗試[其他答案]（http://stackoverflow.com/questions/14313336/simple-jquery-required-validation/ 14313417＃answer-14313348）？ – SnareChops

什麼都沒有。試過 – rikket

簡單的jQuery需要驗證

回答

相關問題