javascript - 使用 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");

我留下了评论，以便您可以了解我的尝试。

如果他们选择了值(“类型”和“开始时间”将在加载时选择一个值)，我想移至下一页。我对其他人有一个警报，以防止他们在未填写字段的情况下继续前进。

Answer 1

您不应使用&&(和) 运算符，因为仅当所有字段均为空时才会显示警报。

应该是这样的:

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();
}