почему hide () не скрывает элемент? - PullRequest
0 голосов
/ 17 июня 2020

У меня есть переключатель, если он выбран, мне нужно будет проверить, загружен ли файл.

Если выбран переключатель «Другое», красное сообщение показывает, что это правильно.

Но если он не отображается, то все равно отображается то же сообщение, но черным.

Я хочу, чтобы он не отображал сообщение черным цветом (не показывал сообщение вообще), если «Другое» не выбрано. Я понимаю, что мой текущий код не завершен.

Кроме того, я написал его, ожидая, что кнопка «отправить» будет непрозрачной до тех пор, пока файл не будет загружен в случае выбора «другое», но не реагирует на него и не отключен.

$("#otherradiobutton").on('click', function () {

    let hasError = false;
    let color = 'red';

    if ($("annotatedsamplefile").val() == null){
        alert('null');
        $('#emptysamplefileerror').show();
        $('#emptysamplefileerror').css('color', color);
        hasError = true;
    }
    else {
        $('#emptysamplefileerror').hide();
    }


    $('button[type="submit"]').prop('disabled', hasError);

})

и

<input type="file" name="annotatedsamplefile" id="annotatedsamplefile" accept=".xlsx, .xls, .csv">
<span id="emptysamplefileerror"><b>Please upload a sample annotated file if you chose <b>Other</b> </b></span>

enter image description here

1 Ответ

0 голосов
/ 17 июня 2020

с использованием style="display:none;, как показано ниже.

<span id="emptysamplefileerror" style="display:none;">Please upload a sample annotated file if you chose <b>Other</b></span>
...