Question

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

例如，要验证以下firstname文本框，我使用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>中显示的错误消息。我必须对表单中的所有控件执行此操作。

任何人都可以以正确的方式指导我。

谢谢，

了Arul

Answer 1

你需要在你的spa标签中给id，并根据你的输入在thext bosex.then的ontextchange事件上写一个javascrpt方法o，你应该隐藏/显示你的对应跨度标签。

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

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

Answer 3

我会使用这样的验证函数： function validateEntries（）{ var err = 0; var errmsg =＆＃34;请修正以下错误：＆＃34 ;; if（$。（＆＃34;＃＆＃34; +＆＃34;）。val（）==＆＃39;＆＃39;）{ err = 1; errmsg = errmsg +＆＃34; \ n＆＃34; +＆＃34;缺少名字＆＃34 ;; } if（err＆gt; 0）{ 警报（errmsg）; 返回false; } 返回true; }

ASP.Net - 在出错时获取表单字段的跨度值

3 个答案: