Отображать div на той же странице, а не на другой вкладке

Мне нужно отобразить подтверждение сброса пароля в div с классом (.resetPassword-container) и не открывать его на другой вкладке при нажатии кнопки (.requestpassword-submit), это мой код:

Это кнопка, запускающая блок с классом (.resetPasswordConfirm):

.on("click", ".requestpassword-submit", function (e) {
            e.preventDefault();

            $( "#PasswordResetForm" ).submit(function( event ) {
                event.preventDefault();
                var url_conf = $(this).attr('action');
                $.ajax({ 
                    success: function (response) { 
                        var html_conf = $(response).find('.resetPasswordConfirm');
                        console.log( "Handler for .submit() called." );
                        console.log(url_conf);
                        $('body').append(html_conf);
                    }
                }) 
            });
    },

Это форма, которая отправляет URL-адрес на другую вкладку:

<form action="${URLUtils.continueURL()}"  method="post"   id="PasswordResetForm" name="${pdict.CurrentForms.requestpassword.htmlName}">
    <div class="clearfix"></div>
    <fieldset>  
        <isif condition="${pdict.ErrorCode}">
            <span class="error-message" style="display: inline;">${Resource.msg('passwordresetfail.message','account',null)}</span>
        <iselse>
            <isif condition="${typeof(pdict.CustomerDoesNotExist) != 'undefined' && pdict.CustomerDoesNotExist == true}">
                <span class="error-message" style="display: inline;">${Resource.msg('passwordreset.unknownemail','account',null)}</span>
            </isif>
        </isif>
        <isinputfield formfield="${pdict.CurrentForms.requestpassword.email}" type="email" requiredtext="${Resource.msg('forms.profile.email.error','forms',null)}"/>           
        <input type="hidden" value="true" name="ajax"/>
        <button class="requestpassword-submit button-style blue-button" type="submit" value="${Resource.msg('passwordreset.button','account',null)}" 
                    name="${pdict.CurrentForms.requestpassword.send.htmlName}">
                ${Resource.msg('passwordreset.button','account',null)}
        </button>

        <input type="hidden" name="${pdict.CurrentForms.requestpassword.secureKeyHtmlName}" value="${pdict.CurrentForms.requestpassword.secureKeyValue}"/>


    </fieldset>

</form>

и, наконец, это блок подтверждения сброса пароля, который я хочу добавить в блок с классом (.resetPassword-container):

<div class="resetPasswordConfirm">
    <h1>${Resource.msg('passwordresetconfirm.title','account',null)}</h1>

    <p><isprint value="${Resource.msg('passwordresetconfirm.message','account',null)}" encoding="off" /></p>

    <iscomment>
        <p><a href="${URLUtils.httpsHome()}">${Resource.msg('passwordresetconfirm.homepagelink','account',null)}</a></p>
    </iscomment>
</div>

БЛАГОДАРЮ ВАС!

0 ответов

Другие вопросы по тегам