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

}

私の質問は次のとおりです:-「クリックしてパスワードを忘れる」ハイパーリンクをクリックしたときに、「forgetPasswordController」(サーブレット) の LoginPage.jsp の「userId」(テキストボックス) の値を取得するにはどうすればよいですか?

私を助けてください .....

4

1 に答える 1

0

@R Chatterjee ハイパーリンクをクリックしながら、ダイアログ ボックスを開いてフォームを表示し、ログイン ID、メール ID、秘密の質問と回答などの値を取得します。最後に、ボタンをクリックすると、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、

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
    }
}

ちなみに、これは実装の一種です。このことから、いくつかのアイデアを得ることができます。

于 2013-10-30T17:46:21.280 に答える