ASP.Net - 获取表单字段的跨度值错误答案

【问题标题】：ASP.Net - Getting span values for form fields on errorASP.Net - 获取表单字段的跨度值错误
【发布时间】：2014-05-16 06:01:46
【问题描述】：

我有带有文本框和下拉菜单的 asp.net 表单。我在单击按钮时对这些控件进行客户端验证。

例如，为了验证下面的名字文本框，我使用 jquery 来检查是否没有输入和有效字符。如果文本框为空，则首先显示<span>。如果输入第二个无效字符，将显示<span>。现在在按钮上单击我想要显示的错误消息（任何人）。

<asp:TextBox ID="firstNameTxt" runat="server"></asp:TextBox>
<br />
<span class="validation validation-checkEmpty">Please enter your first name.</span>
<span class="validation validation-checkValidChars">We can only accept letters, apostrophes, and hyphens for your first name.</span>

我必须为表单中的所有文本框、下拉菜单、复选框执行此操作。

所以我的问题是当验证失败时如何获得<span> 中显示的错误消息。我必须对表单中的所有控件执行此操作。

谁能以正确的方式指导我。

谢谢，

阿鲁尔

【问题讨论】：

标签： jquery asp.net validation html

【解决方案1】：

您需要在您的 spa 标签中提供 id，并为 xt bosex 的 ontextchange 事件编写一个 javascrpt 方法。然后根据您的输入，您应该隐藏/显示您对应的 span 标签。

这是一个例子： how to hide a <span> tag and show it with javascript

【讨论】：

感谢您的回复。 Acutally 我已经完成了验证部分。现在我必须将所有验证失败的输入的所有错误消息发送到谷歌分析。

【解决方案2】：

<form action="/registration" method="POST">
 <p>
  Name (4 characters minimum):
  <input name="user" data-validation="length" data-validation-length="min4">
 </p>
 <p>
  Year (yyyy-mm-dd):
  <input name="birth" data-validation="date" data-validation-format="yyyy-mm-dd">
 </p>
 <p>
  Website:
  <input name="website" data-validation="url">
 </p>
 <p>
  <input type="submit">
 </p>
</form>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.1.47/jquery.form-validator.min.js"></script>
<script> $.validate(); </script>

你可以看一下demo， http://jqueryvalidation.org/documentation/

【讨论】：

【解决方案3】：

我会使用这样的验证函数：函数验证条目（）{ 变量错误 = 0; var errmsg = "请修正以下错误："; if ($.("#" + ").val() == '') { 错误 = 1; errmsg = errmsg + "\n" + "名字不见了"; } 如果（错误> 0）{ 警报（errmsg）；返回假； } 返回真； }

【讨论】：