在警報框中顯示消息

Question

 $(document).ready(function(){ $(document).on('click', '#btnSave', function () { var fname = $("#fname").val(); var lname = $("#lname").val(); var email = $("#email").val(); var mobile = $("#mobile").val(); if(fname == ""){ alert('First Name is required'); return false; } else if(lname == ""){ alert("Last Name is required"); return false; } else if(email == ""){ alert("Email is required"); return false; } else(fname == "" && lname == "" && email == ""){ alert("All Fields are required"); return false; } }); 

 <form id="form1" action="" method="POST" enctype="multipart/form-data" > <fieldset> <legend>Basic Info</legend> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label for="name">First Name *</label> <input type="text" class="form-control" id="fname" name="fname" value="" placeholder="Enter First Name" data-type="alphanum" maxlength="45"/> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="email">Last Name *</label> <input type="text" class="form-control" id="lname" name="lname" value="" placeholder="Enter Last Name" data-type="alphanum" maxlength="45"/> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label for="name">Email *</label> <input type="text" class="form-control" id="email" name="email" value="" placeholder="Enter Email" data-type="alphanum" maxlength="45"/> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="email">Mobile #</label> <input type="text" class="form-control" id="mobile" name="mobile" value="" placeholder="+55 99 99999999" data-type="alphanum" maxlength="45"/> </div> </div> </div> <div class="row" style="display:none;"> <div class="col-md-6"> <div class="form-group"> <label for="status">Status</label> <div> <span class="text-muted ml-5">InActive</span> <input type="checkbox" data-render="switchery" id="status" name="status" data-theme="default" checked /> <span class="text-muted ml-5">Active</span> </div> </div> </div> <div class="col-md-6"> <div class="form-group"> <label for="status">All Permissions</label> <div> <span class="text-muted ml-5">No</span> <input type="checkbox" data-render="switchery" id="status" name="status" data-theme="default" checked /> <span class="text-muted ml-5">Yes</span> </div> </div> </div> </div> </fieldset> <div class="row pull-right"> <div class="col-md-12"> <button type="button" class="btn btn-primary mr-5" id="btnSave" data-loading-text="<i class='fa fa-spinner fa-spin '></i> Process...">Save</button> <a href="http://localhost/granplay-v3/index.php/managers" class="btn btn-primary">Cancel</a> </div> </div> </form> 

在if elsif else條件下，else條件不會在所有字段中提醒消息。 當我注釋掉最后一個else條件時，它將顯示每個字段條件消息。 但不是，假設用戶未輸入任何字段，則顯示所有字段的警報消息。 所以我的問題是：為什么還有其他條件不會提醒該消息？

Answer 1

只要先將其他部分移到

$(document).ready(function(){
    $(document).on('click', '#btnSave', function () {
        var fname = $("#fname").val();
        var lname = $("#lname").val();
        var email = $("#email").val();
        var mobile = $("#mobile").val();

        if(fname == "" && lname == "" && email == ""){
            alert("All Fields are required");
            return false;
        }else if(fname == ""){
            alert('First Name is required');
            return false;
        }
        else if(lname == ""){
            alert("Last Name is required");
            return false;
        }
        else if(email == ""){
            alert("Email is required");
            return false;
        }else{
            alert("All fields are filled");
            return true;
        }
    });
});

如果所有字段均為空白，則您的第一個條件為true，並且如果其中任何一個已填寫，則第一個條件將為錯誤，因此它將檢入其他if-else部分。

Answer 2

更改順序並嘗試。 將else條件first ：

if( fname == "" && lname == "" && email == "") {
    alert("All Fields are required");
    return false;

} eles if(fname == ""){
    alert('First Name is required');
    return false;

} else if(lname == ""){
    alert("Last Name is required");
    return false;

} else if(email == ""){
    alert("Email is required");
    return false;
}