<div id="btn1"></div>
<div id = "old"></div>
<div id = "new"></div>
<div id = "confirm"></div>
<script type="text/javascript">
    PP.setCurrentCulture(PP.setCurrentCulture(PP.Cultures.ru))//текущая культура
    var changePasswordDialog = new PP.Ui.ChangePasswordDialog();//создаем диалог для смены пароля
    function ShowDialog()//функция для открытия диалога
    {
        changePasswordDialog.show(10, 30)
    }
    var btn = new PP.Ui.Button(//кнопка для вызова диалога
    {
        ParentNode: document.getElementById("btn1"),
        Click: ShowDialog,
        Content: "Сменить пароль"
    })
    var lbl1 = new PP.Ui.Label(//Подпись, где будет отображаться значение старого пароля
    {
        ParentNode: document.getElementById("old"),
        Content: "Старый пароль: "
    })
    var lbl2 = new PP.Ui.Label(//Подпись, где будет отображаться значение нового пароля
    {
        ParentNode: document.getElementById("new"),
        Content: "Новый пароль: "
    })
    var lbl3 = new PP.Ui.Label(//Подпись, где будет отображаться значение подтвержденного пароля
    {
        ParentNode: document.getElementById("confirm"),
        Content: "Подтверждение: "
    })
    changePasswordDialog.OkButtonClicked.add(function (sender, args)//при нажатии на кнопку «ОК»
    {
        lbl1.setContent("Старый пароль: " + changePasswordDialog.getOldPass());//выводится старый пароль
        lbl2.setContent("Новый пароль: " + changePasswordDialog.getNewPass());//выводится новый пароль
        lbl3.setContent("Подтверждение пароля: " + changePasswordDialog.getConfirmPass());//выводится подтверждение пароля
        if (changePasswordDialog.checkConfirmPass() == true)//если пароли совпадают,
        {
            alert("Пароли совпадают")//выводится сообщение «Пароли совпадают»
        }
    })
</script>