兩種類型的輸入由製表符分隔，我只能通過選項卡被選中的輸入

Question

我有一個小問題，我有一個表單和兩種類型的輸入，分別是一個文本和一個圖像，由製表符分隔。但是，當輸入文字無法上傳圖片時，以及何時上傳圖片無法輸入文字。按照下面的圖片

按鈕，將永遠，無論標籤。

然後我需要發送給我的代碼只有選定的選項卡的數據。

我不知道我該怎麼做。任何想法？

我用笨，只是要注意...

Answer 1

如果使用正常GET或POST HTTP請求都來自這種形式的字段將只發送表單服務器無論如何傳輸到服務器。獨立於其可見性狀態或其他客戶端技巧。

但是，您可以在將JavaScript發送到服務器之前以某種方式使用JavaScript進行轉換。例如，您可以完全刪除表格中不必要的字段，也可以只刪除mark them as disabled。或者您可以添加一些字段，以便服務器可以自行確定哪些選項卡處於活動狀態，並忽略其他選項卡的內容。

Answer 2

$('.tabs-1').click(function(){ 
         $('#upload-enunciado').val(''); 
         $("#input-enunciado").removeAttr('disabled'); 
         $("#upload-enunciado").prop('disabled', 'disabled'); 
        }); 

        $('.tabs-2').click(function(){ 
         $('#input-enunciado').val(''); 
         $("#input-enunciado").prop('disabled', 'disabled'); 
         $("#upload-enunciado").removeAttr('disabled'); 
        }); 

        $('.tabs-3').click(function(){ 
         $('#upload-1').val(''); $("#upload-1").prop('disabled', 'disabled'); $("#alternativa-1").removeAttr('disabled'); 
         $('#upload-2').val(''); $("#upload-2").prop('disabled', 'disabled'); $("#alternativa-2").removeAttr('disabled'); 
         $('#upload-3').val(''); $("#upload-3").prop('disabled', 'disabled'); $("#alternativa-3").removeAttr('disabled'); 
         $('#upload-4').val(''); $("#upload-4").prop('disabled', 'disabled'); $("#alternativa-4").removeAttr('disabled'); 
        }); 

        $('.tabs-4').click(function(){ 
         $('#alternativa-1').val(''); $("#alternativa-1").prop('disabled', 'disabled'); $("#upload-1").removeAttr('disabled'); 
         $('#alternativa-2').val(''); $("#alternativa-2").prop('disabled', 'disabled'); $("#upload-2").removeAttr('disabled'); 
         $('#alternativa-3').val(''); $("#alternativa-3").prop('disabled', 'disabled'); $("#upload-3").removeAttr('disabled'); 
         $('#alternativa-4').val(''); $("#alternativa-4").prop('disabled', 'disabled'); $("#upload-4").removeAttr('disabled'); 
        });