XMLHttpRequest创建智能表单
| uot;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> <tr> <td class="fieldname"> Password: </td> <td> <input type="text" id="password" /> </td> <td /> </tr> <tr> <td class="fieldname"> Verify Password: </td> <td> <input type="text" id="password2" /> </td> <td /> </tr> <tr> <td colspan="2" class="submit"> <input type="submit" value="Submit" /> </td> <td /> </tr> </table> </form> </body> </html> 将上面的代码保存在Web服务器的根目录中。如果你使用的Web服务器是IIS，则将上面的代码保存为c:\inetpub\wwwroot\validate_form.htm文件。如果你使用的Web服务器是Apache，则可将上面的代码保存在htdocs文件夹之下，即保存为pathTohtdocs\htdocs\validate_form.htm文件。 另外，我们还需要将httprequest.js文件(定义了HttpRequest类)和formvalidator.php文件放在与validate_form.htm文件相同的目录中。 现在，我们可以打开浏览器，在地址栏中输入http://localhost/formvalidator.php。如果Web服务器工作正常的话，你将看到页面上显示出“PHP is working correctly. Congratulations!”这样一段文本信息，如图16-4所示。
图 16-4 接下来，如果在浏览器的地址栏中输入http://localhost/validate_form.htm，你将看到一个如图16-5所示的页面。
图 16-5 在Username文本框中输入jmcpeak，并单击文本框旁边的Check Availability超链接，你将看到一个弹出的信息对话框，如图16-6所示。
图 16-6 接下来，在Email文本框中输入someone@xyz.com，并单击文本框旁边的Check Availability超链接。你将看到一个消息对话框弹出，并提示你该 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
