Question

我的表单中有2个单选按钮（＃r1和＃r2）和单个文件输入（#file）。

必须选择其中一个单选按钮，＃file有一条规则，只有在选择了＃r1时才需要它。

我想要做的是当＃r2被选中时，＃file的错误信息（*）立即消失。
（**错误消息：没有上传文件，这意味着，＃r1被选中，但#file没有文件。）

但是目前，只有在我的代码中单击提交按钮时，错误才会消失我该如何解决这个问题？

Here is my code: https://jsfiddle.net/3h92un7j/

Answer 1

为什么你不能这样做：

$('#r1').click(function () {
  $('#file').show();
  window.setTimeout(function(){
      $('#file').click();
  },500);
});

$('#r2').click(function () {
  $('#file').hide();
  $("#file-error").hide();
});

更新小提琴： https://jsfiddle.net/3h92un7j/1/

编辑后

代码更改： https://jsfiddle.net/3h92un7j/2/

Answer 2

试试这个

$(document).on("blur", '.error', function () {
  $(this).closest("form").validate()
});

Answer 3

您可以选择onChange event

$( "input[name=radio]:radio" ).on("change",function(e){
console.log("My value is :",event.target.value=="r2");
if(event.target.value=="r2"){
//do what you need to do.
}
})

jQuery验证 - 在单击提交之前，错误消息不会消失

3 个答案: