台技术设计与应用NET第八章V2.pptVIP

8.6 Web站点的页面设计 本节介绍利用jQuery技术实现Web站点的页面设计。并掌握下述技术： 1. 掌握jQuery对象的获取及使用； 2. 掌握jQuery事件的使用； 3. 了解jQuery的用途； 8. 使用第三方jQuery插件。 * 本例利用jQuery技术实现Web站点的页面设计，该页面具有： 1. 使用jQuery实现浮动图片； 2. 使用DataGrid插件； 3. 使用lightbox插件实现图片的放大、前后切换和关闭效果。 例子8.6 用JQuery设计Web站点页面 * * 8.4 使用JQuery进行表单验证 使用JQuery可以对表单中录入的信息进行各种验证，包括对表单元素进行非空验证、格式验证、长度验证及相关值的获取及显示，并对验证结果进行提示。本节将通过实例8.1来介绍如何使用jQuery来验证表单。 * * 例子8.3 使用jQuery进行表单验证 本实验主要介绍如何使用jQuery来验证表单。内容包括： 1．对表单元素进行非空验证； 2．验证用户输入信息的长度是否足够； 3．验证Email的格式； 8.获取单选按钮的值； 5．获取下拉框的文字和值； 首先制作如下的前台页面： * 例子8.3 程序的运行界面 * 例子8.3 页面布局的代码 每一行后面都带有span标 签，它用来显示验证结果 * jQuery