2

我在 div (parent1) 中有一组单选按钮，根据页面上的其他设置通过 javascript 显示或隐藏。 

<div class="parent1">
<input type="radio" name="legal_14" id="legal_14a" value="1" class="legal_14"/> <label for="legal_14a">option 1</label><br/>
<input type="radio" name="legal_14" id="legal_14b" value="2" class="legal_14"/> <label for="legal_14b">option 2</label><br/>
<input type="radio" name="legal_14" id="legal_14c" value="3" class="legal_14"/> <label for="legal_14c">option 3</label><br/>
<span class="val-error"></span><br/>
</div>

我只想在它们可见时验证单选按钮。所以我有一个依赖回调来处理这种情况，如下所示：

 "legal_14": {
  required: function() {if (!$('.parent1').is(':visible')) {console.log(false); return false;} else if ($("input[name='legal_14']:checked").length > 0) {console.log(false); return false;} else {console.log(true); return true;}}},
...
errorPlacement: function(error, element) {
  element.nextAll(".val-error").first().html(error.html());
},
success: function(label) {
  label.nextAll(".val-error").first().html();
}

因此，这对于在正确的情况下（即当按钮可见但未单击时）显示错误消息非常有效。问题是，一旦我选择了其中一个单选按钮，console.log 会正确返回 false，但错误消息不会消失。我在其他地方有一个类似的依赖回调，它不依赖于正常工作的可见性。我究竟做错了什么？

4

1 回答 1

0

根据我的理解，这应该有效：

if($(".parent1").is(":visible"))
{
    // do validation 

   // return message 
}
于 2012-06-09T08:24:34.447 回答