Проверка полей ввода с помощью JavaScript или jQuery

Question

Мне нужно проверить, чтобы четыре поля имели в них какое-то значение. Я попробовал эти идеи: Check whether a select box is empty How to tell if a DDL has options to select

Мой код в настоящее время это:

function goToConfirmStep() { 
    var isAllowed = false; 
    var type = $(".#tShowingType option:selected").val(); //DDL 
    var startDate = $("#startDate").text(); //date picker 
    var startTime = $("#startTime option:selected").val(); //DDL 
    var endTime = $("showingLength option:selected").val(); //DDL 
    if (type.val()) { //&& //(type != null || type != "") 
    //(startDate.text() == "" || startDate.text() == null)) {//&& 
    //($('#startTime').has('option').length > 0) && 
    //($('#endTime').has('option').length > 0)) { 
    alert("here"); 

Я оставил комментарии в так что вы можете сказать, что я пытался.

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

Answer 1

В конце концов я должен был атаковать его по-другому. Это то, что я сделал:.

Attacking this from a different angle.

Answer 2

Нельзя использовать оператор && (and), потому что предупреждение отображается только в том случае, если все поле пуст.

Это должно быть что-то вроде:

function goToConfirmStep() { 
    var isAllowed = false; 
    var type = $(".#tShowingType option:selected").val(); //DDL 
    var startDate = $("#startDate").text(); //date picker 
    var startTime = $("#startTime option:selected").val(); //DDL 
    var endTime = $("showingLength option:selected").val(); //DDL 

    if (type == "" || startDate == "" || startTime == "" || endTime == "") 
     alert("please fill in the required fields"); 
    else 
     goToNextStep(); 
}