XMLHttpRequest创建智能表单
| E-mail已经被注册了。我们还可以在Username文本框和Email文本框中输入我们自己的用户名和E-mail地址，并单击文本框旁边相应的超链接进行检查。也许信息对话框将告诉你所输入的用户名或E-mail是有效的(注意：在服务器端的PHP程序中，假定了用户名jmcpeak和pwilton，电子邮箱someone@xyz.com和someone@zyx.com已经被注册)。
代码解说 该HTML页面中包含一个简单的表单，表单中的各个字段通过一个表格来进行页面布局的处理。在表格中，每一个表单字段占用一个表格行。表格的前两行就是我们最感兴趣的字段，即Username字段和Email字段。相应的HTML代码如下所示： <form> <table> <tr> <td class="fieldname"> Username: </td> <td> <input type="text" id="username" /> </td> <td> <a href="javascript: checkUsername()">Check Availability</a> </td> </tr> <tr> <td class="fieldname"> Email: </td> <td> <input type="text" id="email" /> </td> <td> <a href="javascript: checkEmail()">Check Availability</a> </td> </tr> <!-- HTML to be continued later --> 表格的第一列包含了字段的标题。第二列则包含了<input/>元素本身。这些标记都有id属性，username用于Username域，email用于Email域。这使用户可以很容易地找到<input/>元素并将文本输入其中。第三列中则包含了一个相应的超链接(<a/>元素)，该超链接使用JavaScript:协议来调用JavaScript代码。在本例中，当用户单击Username字段之后的超链接时，将调用checkUsername()函数，当用户单击了Email字段之后的超链接时，将调用checkEmail()函数。稍后我们将讨论这两个函数。 表格的其余三行包含了两个密码字段和一个Submit按钮(在本例的表单中并不涉及这几个字段)。其前两行同样也包含了三列：第一列是描述性的字段标题，第二列则包含了<input/>元素，第三列为空。定义这三个表格行的HTML代码如下所示： <!-- HTML continued from earlier --> <tr> <td class="fieldname"> Password: </td> <td> <input type="text" id="password" /> </td> & |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
