重定向到一個頁面點擊一個彈出按鈕後

Question

我在我的網頁中的鏈接：

<a class="dropdown-item" href="#" onclick="ChangePasswordPopup();">Change your password</a> 

點擊該鏈接後，彈出打開定義如下：

function ChangePasswordPopup() 
{ 
    var html=""; // to store the html content 

    // Build the content of the change password popup form 
    html+="<div class='col-md-12 divChangePasswordPopup' id='divChangePasswordPopup'>"; 
    html+="<div class='divBackground' id='divBackground' onclick='ClosePopup();'></div>"; 
    html+="<div class='panel panel-primary divForeground' id='divForeground'>"; 
    html+="<div class='panel-heading'>"; 
    html+="Change your password"; 
    html+="<a href='#' onclick='ClosePopup();' id='CloseButtonLink' title='close'>"; 
    html+="<span class='glyphicon glyphicon-remove' style='float: right; font-size: 18px; padding: 3px 3px 0px 0px;'></span>"; 
    html+="</a>"; 
    html+="</div>"; 
    html+="<div class='panel-body'>"; 
    html+="<form name='frmChangePassword' onsubmit='ChangePassword(this);'>"; .....form textboxes goes here..... 
    html+="<button type='submit' name='btnSave' class='btn btn-primary-outline'"; 
    html+="style='position: relative; float:right;'>Save Changes <i class='glyphicon glyphicon-chevron-right'></i></button>"; 
    html+="<br/></div></li></form></div></div></div>"; 

    $("#divChangePasswordPopup").html(html);  
    disablescroll(); // disable the scrollbar for the webpage  
    return(false); // to prevent the calling form from executing  
} 

這是加工。當我嘗試點擊保存按鈕時，我只是想重定向到另一頁，所以我這樣做：

function ChangePassword(frm) 
{ 
    window.location="login.php"; 
    return(false); // to prevent the calling form from executing 

} 

但它不工作。如果我在它正常工作的網頁上的普通按鈕中使用相同的window.location。但是在彈出窗口中使用它時，它不起作用。任何人都知道如何點擊彈出窗體上的按鈕並重定向到登錄頁面？

the problem in jsfiddle code

Answer 1

嘗試：

function ChangePassword() 
{ 
    window.location.href = 'login.php'; 
    return false; 
}