jQuery 條件驗證對 textarea 和文件輸入

Question

我有一個帶有表單的模式彈出窗口，我可以設置基本的驗證代碼，但是我不確定如何去做我需要的。

我有 2 個輸入，一個<textarea>和一個<input type="file">用於圖像上傳。 我想檢查其中至少一個是有效的。 一個例子是......

1) 用戶在文本區域添加描述但沒有圖像//this is fine and file upload not required

2）用戶添加文件但不添加描述//this is fine and textarea not required

3) 用戶既不添加，又被提示填寫其中之一。

提前致謝。

Answer 1

這是一個小提琴，舉例說明了您的問題背后的一些簡單邏輯。

$('#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');

});

在click或submit或您選擇的任何事件時，查看 textarea 和文件輸入的值。 如果值為 false，則您知道該字段是“無效的”。 如果您發現兩個字段都“無效”，則提示您的用戶輸入其中之一。 否則，您有“有效”輸入，可以繼續執行其他操作。

只要確保使用正確的選擇器來應用於您的代碼。

Answer 2

HTML

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

Javascript

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

這是完整的小提琴： https : //jsfiddle.net/erpvfdhf/3/

這里還有一個使用 jQuery Validator 的例子： jQuery Validation - 兩個字段，只需要填寫一個