当验证是有条件的时，将星号附加到必填字段答案

【问题标题】：Appending asterisks to required fields when validation is conditional当验证是有条件的时，将星号附加到必填字段
【发布时间】：2011-11-28 02:41:53
【问题描述】：

我有条件验证并希望在必填字段上附加一个星号。如果我为字段指定“必需”类，我可以轻松地做到这一点，但是我使用规则指定要求，因为一些验证规则是有条件的。

例如，我有 3 个单选按钮：（家庭电话、工作电话、手机）和 3 个对应的字段，这取决于所选的收音机。

我希望能够在家庭电话字段中添加一个星号，但是如果选择了工作电话电台，那么我希望工作电话字段具有星号而不是家庭电话，因为需要工作电话而不是家庭电话.

以下是我的条件：

hphone: { required: function(element){ return $('#phonePref:checked').val() == 0; } },
cPhone: { required: function(element){ return $('#phonePref:checked').val() == 2; } },
wphone: { required: function(element){ return $('#phonePref:checked').val() == 1; } },

处理这个问题的最佳方法是什么？

提前感谢您的帮助。

【问题讨论】：

docs.jquery.com/Plugins/Validation

标签： jquery validation conditional

【解决方案1】：

你的逻辑似乎倒退了……

您应该构建您的 html 以自动定义 * ，然后在您处理验证之后使用 jquery 来识别您的 html 中需要但尚未填写的区域，即您定义的表单应该需要一个电话选项和电话选择是一个单选列表，一旦您选择了哪个电话将是主要的（即工作电话），然后需要该特定电话号码并将您的条件设置为它。

你倒退到我身边……

【讨论】：

嗨乔，这正是我正在做的。也许我的解释听起来倒退了，但我正在按照你所说的那样做。我希望星号在到达页面后立即显示。因此，在我上面的示例中，hphone 需要从使用所需的类开始。但如果他们选择 cPhone 收音机，则该字段将成为必填字段并在该位置显示星号。