如何设计忘记密码超链接

时间:2013-10-30 17:19:43

标签: javascript jsp validation

我将设计"忘记密码"链路

在loginPage.jsp中

我有: -

<form name="testForm" action="passwordValidationController" method="post">
  User Id: <input type="text" name="userId" id="userId"><br>
   .
   .
   .

</form> 


<a href="forgetPasswordController">Click for forget password</a>

. 
.
.

forgetPasswordController.java

doPost(.........)
{



//I want to get the "userId" (textbox value) here

}

我的问题是: - 如何获得&#34; userId&#34;的价值? &#34; forgetPasswordController&#34;中的LoginPage.jsp的(文本框) (servlet)当我点击&#34;点击忘记密码&#34;超链接?

请帮帮我......

1 个答案:

答案 0 :(得分:0)

@R Chatterjee单击超链接时,打开对话框并显示表单以获取登录ID,emailid和带答案的机密问题等值。最后,当他们点击按钮时,通过jQuery ajax发送这些值。所有yuo需要做的是包含jQuery插件。这里你的html可能是这样的,

<a href="#" onclick="return openForm();">Forgetten your Password?</a>

这将打开隐藏的对话框,

function openForm() {
//This Script is used for load pop up div to forgot password screen
$("#dialog").css({
    "display" : "block"
});
$("#dialog").dialog({
    minWidth : 600,
    modal : true
});
}

此功能将显示对话框div,

<div id="dialog" title="Forgot Password" style="display: none;">
    <input type="text" name="userLogin" id="userLogin" class="text-box">
    <input type="text" name="userEmailId" id="userEmailId"
                class="text-box">
    <input type="button" value="Send" class="btn"
        onclick="sendEmail();" />
</div>

jQuery ajax将参数发送到servlet,

function sendEmail() {

    var loginId = $('#userLogin').val();
    var emailId = $('#userEmailId').val();

    if (loginId != '' && emailId != '' ) {

        $.ajax({
            url : "forgetPasswordController&userLogin=" + loginId
                    + "&userEmailId=" + emailId,
            async : false,
            dataType : "json",
            success : function(data) {
                $('#userLogin').val('');
                $('#userEmailId').val('');
            }
        });
        return false;
    } else {
        //Display error message
    }
}

顺便说一下,这是一种实现方式。你可以从中获得一些想法。