SIMPLE jQuery 需要验证答案

【问题标题】：SIMPLE jQuery required validationSIMPLE jQuery 需要验证
【发布时间】：2013-01-14 04:27:05
【问题描述】：

所以我有这个文本框和按钮

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

当点击 btnAdd 时如何编写一个非常简单的 jQuery 方法，它会检查 lblName 是否为空，如果为空则在文本框后显示一个红色的 *。

【问题讨论】：

您对该主题进行了哪些研究？
无法真正理解如何显示 * 部分，我不想使用插件。 $(document).ready(function() { $("#btnAdd").click(function() {
<asp:Label> 的开头部分在哪里？
如果以下任何答案都可以解决您的问题，请点击他们答案旁边的复选标记来接受他们的答案。这将有助于未来的用户搜索相同问题的答案。谢谢。

标签： jquery asp.net

【解决方案1】：

由于 label 是作为 span 渲染的，所以你必须使用 jQuery 的 html() 函数如下

 $('lblName').html()

创建一个函数并在客户端点击时调用它。

 <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;

 }

【讨论】：

【解决方案2】：

我有点猜测你希望你的前景如何，希望我能接近。

我建议在文本框旁边创建一个标签，如下所示：

<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>

【讨论】：

它表现出的行为是什么？或者它只是什么都不做？你试过other answer吗？
AHH....也许这个....我忘了在 jQuery 方法中包含“#”...检查更新的答案
还是什么都没有。还向您的 asnwer 和 onClientClick 添加了 return true 和 return false 而不是 onClick=
hmmm... 好久没用asp.net了。切换到 php 并一直在那里。