jquery - 根据列表框值更改输入值的验证

Question

我正在使用 jQuery 验证插件 ( http://bassistance.de/jquery-plugins/jquery-plugin-validation/ )

我有以下结构:

<select name="s1" id="s1">
   <option value="url">url</option>
   <option value="normal">normal</option>
</select>
<input name="s1_value" id="s1_value" type="text" />

现在，我需要验证规则(使用 jQuery 验证插件)作为

如果我选择“url”作为列表框中的值，则输入字段应仅包含有效的 URL

如果我在列表框中选择“正常”作为值，则输入字段可以包含任何文本

对于任何选择，输入字段的值不应为空

如何做到这一点？

Answer 1

验证插件允许在每个元素的类中指定规则。您可以从 required 和 url 规则开始:

<input name="s1_value" id="s1_value" type="text" class="required url" />

如果列表框值变为正常，您可以从那里删除 url 类:

$("#s1").change(function() {
    if ($(this).val() == "url") {
        $("#s1_value").addClass("url");
    } else {
        $("#s1_value").removeClass("url");
    }
});

这样，验证插件就不会根据 url 规则验证字段，因为它不会在其类中公开该规则。

您可以测试此解决方案here .