jQuery对textarea和文件输入的条件验证

我有一个带有表单的模式弹出窗口，我可以设置基本验证代码，但是我不确定如何进行我需要的操作

我有两个输入，一个是

，另一个是

，用于上传图像。 我想检查其中至少有一个是有效的。 例如

1） 用户将说明添加到文本区域，但没有图像

//这很好，不需要上传文件

2） 用户添加文件但不添加说明

//这很好，不需要textarea

3） 用户既不添加也不添加，系统会提示用户填写其中一个

提前感谢。

这里有一个例子，说明了问题背后的一些简单逻辑

$('#validate').click(function(){
    var text = false;
    var file = false;

    if ( $('textarea').val() != '' )
        text = true;

    if ( $('input').val() != '' )
        file = true;

    if ( !text && !file )
        alert ('Woah! Enter one of those!');
    else
        alert('I can live with one input');

});

在

上单击

或

提交

或您选择的任何事件，查看文本区域的值和文件输入。如果该值为false，则表示该字段为“无效”。如果发现两个字段均为“无效”，则提示用户输入其中一个字段。否则，您有“有效”输入，可以继续执行其他操作

只需确保使用正确的选择器应用于代码

HTML

<input type="file" id="text" />
<textarea id="textarea"></textarea>
<input type="button" value="ok" id="ok" />

下面是完整的小提琴：

---

这里还有一个使用jQuery验证器的示例：

您是否正在尝试这样做？可以，但最好使用jQuery验证

$(function() {
  $("#ok").click(function() {
    var $text = $("#text");
    var $textarea = $("#textarea");
    if ($text.val() == "" && $textarea.val() == "") {
      alert("fill at least one");
    }
  });
});