blocks|key|569326|text|首先，您可以添加验证摘要：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|569327|@Html.ValidationMessageFor(m+=>+m.Slug)|code-block|syntax|javascript|569328|然后，您可以使用.showError方法手动触发jQuery验证/非显式验证。下面是一个示例：|569329|var+errorArray+=+{};
errorArray["Slug"]+=+'Some+error+message+for+the+Slug+text+box';
$('#SomeFormId').validate().showErrors(errorArray);|569330|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

First, you can add a validation summary:

<pre><code>@Html.ValidationMessageFor(m =&gt; m.Slug)
</code></pre>

Then you can manually trigger jQuery validation / unobtrusive validation with the .showError method. Here is a sample:

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

blocks|key|569348|text|您还可以执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|569349|@Html.ValidationMessageFor(m+=>+m.Slug)|code-block|syntax|javascript|569350|在您的代码中使用此函数：|569351|function+setError(id,+message)+{
++++++++var+span+=+$("span[data-valmsg-for=\""+%2B+id+%2B+"\"]");
++++++++if+(span+&&+span.length+>+0)+{
++++++++++++$(span).html(message);
++++++++++++if+(message+&&+message+!=+"")+{
++++++++++++++++$(span).removeClass("field-validation-valid");
++++++++++++++++$(span).addClass("field-validation-no-valid");
++++++++++++}+else+{
++++++++++++++++$(span).removeClass("field-validation-no-valid");
++++++++++++++++$(span).addClass("field-validation-valid");
++++++++++++}
++++++++}
++++}|569352|然后可以设置错误|569353|setError("Slug",+"errorMsg");|569354|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

You can also do:

<pre><code>@Html.ValidationMessageFor(m =&gt; m.Slug)
</code></pre>

With this function in your code:

<pre><code>function setError(id, message) {
 var span = $("span[data-valmsg-for=\"" + id + "\"]");
 if (span &amp;&amp; span.length &gt; 0) {
 $(span).html(message);
 if (message &amp;&amp; message != "") {
 $(span).removeClass("field-validation-valid");
 $(span).addClass("field-validation-no-valid");
 } else {
 $(span).removeClass("field-validation-no-valid");
 $(span).addClass("field-validation-valid");
 }
 }
 }
</code></pre>

Then can set the error

<pre><code>setError("Slug", "errorMsg");
</code></pre>

blocks|key|569393|text|使用showErrors不允许错误持续存在，因此运行.valid()可以清除错误。相反，我添加了一个"forcibleerror“规则和一个javascript方法来设置消息。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|569394|function+forceError(element,+errorMessage)+{
++++$(element).rules("add",+{
++++++++forcibleerror:+true,
++++++++messages:+{
++++++++++++forcibleerror:+function+()+{+return+errorMessage;+}
++++++++}
++++});
++++var+isForced+=+false;
++++if+(errorMessage)+{
++++++++isForced+=+true;
++++}
++++$(element)[0].dataset.isForced+=+isForced;
++++$(element).valid();
}
$.validator.addMethod("forcibleerror",+function+(value,+element)+{
++++return+$(element)[0].dataset.isForced+!==+"true";
});|code-block|syntax|javascript|569395|用法：|569396|forceError($('#Slug'),+'my+custom+message');|569397|要将其恢复为有效状态，请执行以下操作：|569398|forceError($('#Slug'),+'');|569399|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Using showErrors did not allow the error to persist, so that running .valid() cleared the error. Instead, I added a "forcibleerror" rule and a javascript method to set the message.

<pre><code>function forceError(element, errorMessage) {
 $(element).rules("add", {
 forcibleerror: true,
 messages: {
 forcibleerror: function () { return errorMessage; }
 }
 });
 var isForced = false;
 if (errorMessage) {
 isForced = true;
 }
 $(element)[0].dataset.isForced = isForced;
 $(element).valid();
}
$.validator.addMethod("forcibleerror", function (value, element) {
 return $(element)[0].dataset.isForced !== "true";
});
</code></pre>

Usage:

<pre><code>forceError($('#Slug'), 'my custom message');
</code></pre>

To put it back in a valid state:

<pre><code>forceError($('#Slug'), '');
</code></pre>

blocks|key|569434|text|这是对FRL答案的改进：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|569435|@Html.ValidationMessageFor(m+=>+m.Slug)|code-block|syntax|javascript|569436|JS函数|569437|++++++++const+span+=+$('span[data-valmsg-for="'+%2B+name+%2B+'"]');
++++++++function+setError(name,+message)+{
++++++++++++const+span+=+$(`span[data-valmsg-for="${name}"]`);
++++++++++++if+(span+&&+span.length+>+0)+{
++++++++++++++++$(span).html(message);
++++++++++++++++if+(message)+{
++++++++++++++++++++$(`input[name="${name}"]`).addClass("input-validation-error");
++++++++++++++++++++$(span).removeClass("field-validation-valid");
++++++++++++++++++++$(span).addClass("field-validation-error");
++++++++++++++++}+else+{
++++++++++++++++++++$(`input[name="${name}"]`).removeClass("input-validation-error");
++++++++++++++++++++$(span).removeClass("field-validation-error");
++++++++++++++++++++$(span).addClass("field-validation-valid");
++++++++++++++++}
++++++++++++}
++++++++}|569438|就叫它|569439|++++setError("Slug",+"errorMsg");|569440|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

This is an improvement on FRL's answer:

<pre><code>@Html.ValidationMessageFor(m =&gt; m.Slug)
</code></pre>

JS Function

<pre class="lang-js prettyprint-override"><code> const span = $('span[data-valmsg-for="' + name + '"]');
 function setError(name, message) {
 const span = $(`span[data-valmsg-for="${name}"]`);
 if (span &amp;&amp; span.length &gt; 0) {
 $(span).html(message);
 if (message) {
 $(`input[name="${name}"]`).addClass("input-validation-error");
 $(span).removeClass("field-validation-valid");
 $(span).addClass("field-validation-error");
 } else {
 $(`input[name="${name}"]`).removeClass("input-validation-error");
 $(span).removeClass("field-validation-error");
 $(span).addClass("field-validation-valid");
 }
 }
 }
</code></pre>

Call it

<pre class="lang-js prettyprint-override"><code> setError("Slug", "errorMsg");
</code></pre>

I'm doing something similar to the remote validation, except that I already make my calls manually via jquery and setup whatever I had to setup.

Now my problem is, if I want to tell the validator that a particular textbox is not valid (and prevents the page from submitting, highlight the textbox, etc). How would I do this from code?

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

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

Manually set unobtrusive validation error on a textbox

jQuery

我正在做一些类似于远程验证的事情，只是我已经通过jquery手动进行了调用，并设置了我必须设置的任何东西。现在我的问题是，如果我想告诉验证器一个特定的文本框是无效的(并阻止页面提交，突出显示该文本框，等等)。我该如何在代码中做到这一点呢？@Html.LabelFor(m => Model.Slug)@Html.Text...

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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