我的目的是做一个密码找回的小程序,就是当用户输入用户名,文本框失去焦点时根据数据库查询用户名并找到相应的密码提示问题。问题是如何将数据库中的值赋予html一个标签的属性。具体代码如下:html:
<script language="javascript" type="text/javascript">
function display()
{
document.getElementById("findpasswordquestion").style.display="block";
}
</script> <form action="" method="post">
<p>你的用户名是:
<input name="username" type="text" onblur="display()" />
</p>
<p>你的提示问题是:
<input name="findpasswordquestion" type="hidden" value="" />
</p>
<p>你的答案是:
<input type="text" name="answer" />
</p>
<input name="submit" type="submit" value="找回密码" />
</form>程序很简单,求懂得大神指导一下,谢谢
<script language="javascript" type="text/javascript">
function display()
{
document.getElementById("findpasswordquestion").style.display="block";
}
</script> <form action="" method="post">
<p>你的用户名是:
<input name="username" type="text" onblur="display()" />
</p>
<p>你的提示问题是:
<input name="findpasswordquestion" type="hidden" value="" />
</p>
<p>你的答案是:
<input type="text" name="answer" />
</p>
<input name="submit" type="submit" value="找回密码" />
</form>程序很简单,求懂得大神指导一下,谢谢
改成
<input name="findpasswordquestion" id="findpasswordquestion" type="text" readOnly=true value="" />
onblur //失去焦点事件
用AJAX,请 xxxx.php?name=xxx
document.getElementById("findpasswordquestion").value=返回内容
或隐藏iframe
parent.document.getElementById("findpasswordquestion").value="<?php echo $xxx; ?>"
使用 jquery 的ajax例子
findpasswordquestion.php<?php
/*
根据数据库查询用户名并找到相应的密码提示问题
*/
echo $msg;
?>找回密码页面中 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <form action="" method="post">
<p>你的用户名是:
<input name="username" id="username" type="text" onblur="display()" />
</p>
<p>你的提示问题是:
<input name="findpasswordquestion" id="findpasswordquestion" type="text" readOnly=true value="" />
</p>
<p>你的答案是:
<input type="text" name="answer" />
</p>
<input name="submit" type="submit" value="找回密码" />
</form>
<script >
</script>
$("#findpasswordquestion").blur(function(){
$.get("findpasswordquestion.php",{username: $("#username").val() } ,function(msg){
$("#findpasswordquestion").val($.trim(msg));
} );
});
2. 用ajax,就不要用submit方式了,可以在本页面返回信息,不过你这个写法要改一下
具体用哪种,看自己熟悉的知识情况。