快速业务通道

iframe创建智能表单

作者 佚名技术 来源 网页制作 浏览 发布时间 2012-03-07
uest对象来向目标服务器发起请求。在该函数中,首先获取了Username文本框的值。并对用户是否在文本框中输入了数据进行检查。如果文本框为空,则弹出一个对话框以告诉用户需要在Username文本框中输入用户名。如果Username文本框不为空,则构造一个向目标服务器发送请求的查询字符串,并将该请求字符串的URL保存在变量url中。最后一步使用frames集合来引用该iframe,并将其location属性设置为url,以在iframe中加载由url指定的服务器端页面。

页面中的第二个函数是checkUsername_callBack()函数,在本例中对该函数也做了少量的修改。现在,该函数将接收两个参数:第一个参数data的值将是available或者not available;第二个参数userValue的值就是在发起请求的查询字符串中发送给服务器的用户名。checkUsername_callBack()函数的代码如下所示:

function checkUsername_callBack(data, userValue)

{

if (data == "available")

{

alert("The username " + userValue + " is available!");

}

else

{

alert("We’re sorry, but " + userValue + " is not available.");

}

}

在checkUsername_callBack()函数中,首先检查了从服务器返回的数据,即检查data的值是否为available。如果是,则表示所申请的用户名有效,并弹出一个对话框告诉用户所申请的用户名可用。否则,将弹出一个对话框,告诉用户所申请的用户名无效。

用于检查e-mail地址的两个函数与之非常类似。下面就是用于检查e-mail地址是否有效的两个函数:checkEmail()函数和checkEmail_callBack()函数。

function checkEmail()

{

var emailValue = document.getElementById("email").value;

if (emailValue == "")

{

alert("Please enter an email address to check!");

return;

}

var url = "iframe_formvalidator.php?email=" + emailValue;

frames["hiddenFrame"].location = url;

}

function checkEmail_callBack(data, emailValue)

{

if (data == "available")

{

alert("The email " + emailValue + " is currently not in use!");

}

else

{

alert("We’re sorry, but " + emailValue + " is in use by another user.");

}

}

checkEmail()函数的处理过程与checkUsername()函数类似。该函数首先获取了Email文本框中的值,并检

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号