很多注册会员的地方,都有一个检测会员帐号是否可用的功能,而且点击按钮后不用提交就可以完成检测,下面就是它的实现方法
<input name="nick" type="text" id="nick" >
<span id="msg"></span>
<input name="over" type="button" id="over" onClick="checknick();" value="检测帐号">
<iframe id="sendframe" name="sendframe" alt="不提交而修改数据库的方法." src=http://www.3pcode.com/article/article_115/about:blank width="0" height="0" scrolling="no"></iframe>
<form action="lookover.php" method="post" name="receive" id="receive" target="sendframe">
<input name="h_nick" type="hidden" id="h_nick" value="">
</form>
<script>
function checknick()
{
document.getElementById("h_nick").value=document.getElementById("nick").value;
document.getElementById("msg").innerText="正在检测,请稍后...";
document.receive.submit();
}
</scrip>
工作原理:填入帐号后,点击检测按钮,用js checknick()把表单receive提交,不过提交的目标是iframe,这样就实现了不跳转提交了,在lookover.php你就可以写读取数据库或是修改数据的语句了.<span id="msg"></span>是用来取得返回信息的,比如checknick()函数中,就用document.getElementById("msg").innerText="正在检测,请稍后...";来返回信息的,而在lookover.php要返回信息就要用parent.getElementById("msg").innerText="帐号可用"来返回.
原理其实就跟异步联动一样.
文章来源于领测软件测试网 https://www.ltesting.net/
版权所有(C) 2003-2010 TestAge(领测软件测试网)|领测国际科技(北京)有限公司|软件测试工程师培训网 All Rights Reserved
北京市海淀区中关村南大街9号北京理工科技大厦1402室 京ICP备10010545号-5
技术支持和业务联系:info@testage.com.cn 电话:010-51297073