JQuery Validation 暂时删除必需的标签

Question

这是一个 MVC 元素，有几个文本框和一个复选框。取消选中时，所有文本框都是必需的。选中时，其中一个文本框被禁用且不需要，而其他文本框仍然是必需的。红色边框和 Required 错误消息不会随 .rules("remove","re​​quired") 消失 我添加了一些 CSS 来更改边框的颜色，但我不知道如何摆脱错误信息。

模型 View

[Required(ErrorMessage="Required")]
public string textBox2{ get; set; }
[Required(ErrorMessage="Required")]
public string textBox3{ get; set; }

压缩 Razor HTML

@Html.CheckBoxFor(model => model.checkBox)
@Html.TextBoxFor(model => model.textBox1, new { @class = "disabledTrue" })
@Html.TextBoxFor(model => model.textBox2)
@Html.TextBoxFor(model => model.textBox3)

CSS 禁用红色边框，将颜色更改为浅灰色

.disabledTrue.input-validation-error:disabled {
    border-color:lightgray;
}

JQuery

$(document).ready(function () {
    $('#textBox1').rules("add", "required");

    $('#checkBox').click(function () {
        //makes the input unrequired
        $('#textBox1').rules("remove", "required");
    });
});

Answer 1

我最终使用了这个。效果很好。当复选框被选中时，它不再是必需的，并且 Required 文本不再显示。当它被选中时它是必需的并且显示必需的文本。

$(document).ready(function () {
    $('#checkBox').click(function () {
        if ($('#checkBox').is(":checked")) {
            //makes the input unrequired
            $('#textBox1').rules("remove", "required");
             //I added .disableRequired to my HTML 
             // I found .field-validation-error with firebug
             $("span.disableRequired.field-validation-error").css("display", "none");
        }
        else{
            //makes the input unrequired
            $('#textBox1').rules("add", "required");
             //I added .disableRequired to my HTML 
             // I found .field-validation-error with firebug
             $("span.disableRequired.field-validation-error").css("display", "normal");
          }
    });
});