Question

我正在使用ASP.NET MVC 4和jQuery validate。

我有以下HTML标记：

@Html.TextBoxFor(x => x.ChangeIncidentNumber)
<button id="verifyButton" type="button">Verify</button>
@Html.ValidationMessageFor(x => x.ChangeIncidentNumber)

verifyButton is just a button和不提交按钮。单击时，它从数据库中获取数据并使用它填充文本框。当用户点击按钮并且文本框中没有输入任何内容时，我需要显示一条必需的消息。

我有以下jQuery代码：

$(document).ready(function () {
     $("#searchForm").validate({
          rules: {
               ChangeIncidentNumber: "required"
          },
          messages: {
               ChangeIncidentNumber: "Required"
          }
     });

     $('#verifyButton').click(function () {
          $('#searchForm').valid();
     });
});

如果文本框为空，我单击按钮，则会在文本框和按钮之间显示错误消息。我希望它显示在按钮的右侧。不确定是否可行，但是我可以使用@Html.ValidationMessageFor生成的元素来显示消息吗？

Answer 1

如果您有表单并且已定义form-id，则可以直接在表单提交上设置validation，无需在验证按钮单击时定义功能。

当您提交表格时，它会自动检查验证。

用于在右侧显示消息：

<style>
label .error{
   float:none;
   display:block;
}
</style>

使用jQuery Validate和ASP MVC在页面的其他部分显示错误消息

1 个答案: