javascript - 两个输入字段之一是必需的

Question

我有两个输入字段，一个是file，另一个是textarea

<input class="input_field" type="file" name="title" />
<textarea class="input_field" name="info"></textarea>

用户必须上传文件或输入文本。如果用户将两个输入都留空，它应该说“选择一个文件或输入信息”，如果他/她填写了两个，就可以了。

我的 JQuery:

$(function(){
       $(".input_field").prop('required',true);
});

我有this code .我们如何实现类似 if else 的条件，使其成为必填字段之一？

Answer 1

请参阅此 fiddle https://jsfiddle.net/LEZ4r/652/

当提交表单时，我将您的代码修改为每个具有 input_field 类的所有元素。

$(function(){
        $('form').submit(function (e) {
            var failed = false;
           $(".input_field").each(function() {
               if (!$(this).val()) {
                    failed = true;   
               }
           });

            console.log(failed);
            if (failed === true) {  
                e.preventDefault();
            }
        });
});