jquery - 在文本框上手动设置不显眼的验证错误

Question

我正在做类似于远程验证的事情，除了我已经通过 jquery 手动进行调用并设置我必须设置的任何内容。

现在我的问题是，如果我想告诉验证器特定的文本框无效(并阻止页面提交，突出显示文本框等)。我如何从代码中做到这一点？

@Html.LabelFor(m => Model.Slug)
@Html.TextBoxFor(m => Model.Slug)
<span id="UrlMsg" class="field-validation-error" style="display: none;"></span>

 if (error) {
        $('#UrlMsg').html('This name is already in use.').fadeIn('fast');
        //what should I do here for the rest of the validation?
 }

Answer 1

首先，您可以添加验证摘要:

@Html.ValidationMessageFor(m => m.Slug)

然后您可以使用 .showError 方法手动触发 jQuery 验证/非侵入式验证。这是一个示例:

var errorArray = {};
errorArray["Slug"] = 'Some error message for the Slug text box';
$('#SomeFormId').validate().showErrors(errorArray);