Question

我正在使用JQuery Validate插件，并以这种方式验证输入。提交表单一次后，输入已被标记为无效。

有一个字段“from”，其值与另一个字段“to”相关联。一旦“from”被更改，我如何让字段“to”重新验证？

HTML：

<div id="fromPanel" class="inputPanel">
<label>From</label>
<div class="invalid valid" generated="true" for="from"></div>
<select id="from" class="campusChooser valid" required="required" name="from">
<option value="" disabled="disabled"> -- Choose a Campus -- </option>
<option selected="selected" value="UTSG">St. George</option>
<option value="UTM">Mississauga</option>
</select>
</div>
<div id="toPanel" class="inputPanel">
<label>To</label>
<div class="invalid" generated="true" for="to"></div>
<select id="to" class="campusChooser" required="required" name="to">
<option value="" disabled="disabled"> -- Choose a Campus -- </option>
<option value="UTSG">St. George</option>
<option selected="selected" value="UTM">Mississauga</option>
</select>
</div>

JS：

$(function () {
$("#to").change(function() {
var otherField = field == "to" ? "from" : "to", otherValue;
if (value == "UTSG") {
        otherValue = "UTM";
    } else if (value == "UTM") {
        otherValue = "UTSG";
    } else {
        otherValue = "";
    }

    $("#" + otherField).find("option[value='{0}']".format(otherValue)).prop("selected", true);
}); 
});

Answer 1

您可以使用the .valid() method以编程方式触发验证测试。您可以将.valid()附加到单个输入元素或整个表单。

$('#myform').valid();

或

$('input[name="fieldName"]').valid();

调用.valid()将立即触发对所选元素的验证测试，并返回一个布尔值。

（注意：在使用此方法检查之前，需要在表单上调用validate()。）

请参阅：http://jqueryvalidation.org/valid/

Answer 2

要强制对特定文本框进行验证，您只需执行$（'您的选择器'）。valid（）;

使用javascript以编程方式更改时重新验证元素

2 个答案: