@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 向 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
}
}
顺便说一下,这是一种实现方式。你可以从中获得一些想法。