2013-10-30 31 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 
    } 
} 

順便說一下這是一種實現。你可以從中獲得一些想法。