2013-10-30 27 views
0

我要设计的 “忘记密码” 链接如何设计忘记密码的超链接

在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 

} 

我的问题是: - 我怎样才能得到“userId”(文本框)LoginPage.jsp的值在“forgetPasswordController”(servlet)时,我clic k上的“点击忘记密码”超链接?

请帮我.....

回答

0

@R查特吉当单击超链接,打开对话框并显示表单,以获得像登录ID,与答案EMAILID和秘密问题的值。最后当他们点击按钮时,通过jQuery ajax发送这些值。所有你需要做的就是包含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 
    } 
} 

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