2番目のアラートが表示されない理由を教えてください

Question

以下に掲載されたコードの2番目のアラートは表示されないようです。 alert("The user is succesfully been added!");は表示されません。私はすべてのテキストボックスのユーザー名、名字、姓とパスワードのようなスクリプトを持っています。

まず、save btnとtextboxに対して別々のアラートを試みました。シナリオは、空のフィールドを含む保存ボタンをクリックすると、ユーザーが追加されたという成功のアラートが表示されます。私はテキストボックスを埋める必要があるという別の警告を表示します。だから私は空のフィールドをチェックすると成功の警告が表示されず、正しいものを入力したときにだけ表示されると思っていました。何が起こったかは、私が見たいと思っていた警告が表示されないということです。全体の追加、ユーザーフォームの

コード：

<div id="add_user" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" 
    aria-hidden="true"> 
    <div class="modal-body"> 
     <div class="alert alert-info"><strong>Add User</strong></div> 
     <form class="form-horizontal" method="post"> 
      <div class="control-group"> 
       <label class="control-label" for="inputEmail">Username</label> 
       <div class="controls"> 
        <input type="text" id="inputEmail" name="username" placeholder="Username" required> 
       </div> 
      </div> 
      <div class="control-group"> 
       <label class="control-label" for="inputPassword">Password</label> 
       <div class="controls"> 
        <input type="password" name="password" id="inputPassword" placeholder="Password" required> 
       </div> 
      </div> 
      <div class="control-group"> 
       <label class="control-label" for="inputEmail">Firstname</label> 
       <div class="controls"> 
        <input type="text" id="inputEmail" name="firstname" placeholder="Firstname" pattern="[A-Za-z].{1,}" 
          required> 
       </div> 
      </div> 
      <div class="control-group"> 
       <label class="control-label" for="inputEmail">Lastname</label> 
       <div class="controls"> 
        <input type="text" id="inputEmail" name="lastname" placeholder="Lastname" pattern="[A-Za-z].{1,}" 
          required> 
       </div> 
      </div> 
      <div class="control-group"> 
       <div class="controls"> 
        <button name="submit" onClick="return saveuservalidation()" class="btn btn-success"><i 
          class="icon-save icon-large"></i>&nbsp;Save 
        </button> 
       </div> 
      </div> 
     </form> 
    </div> 
    <div class="modal-footer"> 
     <button class="btn" data-dismiss="modal" aria-hidden="true"><i class="icon-remove icon-large"></i>&nbsp;Close 
     </button> 
    </div> 
</div> 
<script> 
    function saveuservalidation() { 
     if (firstname == "" || lastname == "" || username == "" || password == "") { 
      return false; 
     } else { 
      return true; 
      alert("The user is succesfully been added!"); 
     } 
    } 
</script> 
<?php 
if (isset($_POST['submit'])){ 
$username=$_POST['username']; 
$password=$_POST['password']; 
$firstname=$_POST['firstname']; 
$lastname=$_POST['lastname']; 

mysql_query("insert into users (username,password,firstname,lastname) values('$username','$password','$firstname','$lastname')")or die(mysql_error()); 
} 
?> 

のjavascript：（？これは正しい方法かではありません）

<script> 
    function saveuservalidation() { 
     if (firstname == "" || lastname == "" || username == "" || password == "") { 
      return false; 
     } else { 
      return true; 
      alert("The user is succesfully been added!"); 
     } 
    } 
</script> 

OR

<script> 
    function saveuservalidation() { 
     if (firstname == "" || lastname == "" || username == "" || password == "") { 
      return false; 
     } else { 
      alert("The user is succesfully been added!"); 
      return true; 
     } 
    } 
</script> 

それはしませんアラートを表示します。

Answer 1

returnになるとすぐに、関数が戻り、それ以降のすべてが実行されません（到達不能です）。

else{ 
    alert("The user is succesfully been added!"); 
    return true; 
} 

に変更すると、警告が表示されます。