отображение сообщения в окне предупреждения

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 m-l-5">InActive</span>
  <input type="checkbox" data-render="switchery" id="status" name="status" data-theme="default" checked />
    <span class="text-muted m-l-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 m-l-5">No</span>
    <input type="checkbox" data-render="switchery" id="status" name="status" data-theme="default" checked />
   <span class="text-muted m-l-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 m-r-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

Измените порядок и попробуйте.Поместите это 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;
}

Answer 2

Просто переместите остальную часть в первую очередь, если

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

Если все поля были пустыми, ваше первое условие будет выполнено, и если какое-либо из них будет заполнено, первое условие будет неверным, поэтому он проверит другие if-else детали.