JavaScript网上购物系统(3):程序源代码

本例的调试工作是在IE 中进行的。一项调查显示国内的操作系统平台是基于windows的，而IE 浏览器是捆绑销售的，而基于IE 浏览器的优良性能，国内的大多用户使用的是IE 浏览器。该示例能很好地在IE 中运行，相信在其他浏览器中也能很好地运行。
在IE 中，该程序的表现情况如图19-1 所示。
可以看出，该窗口被滚动条分为三个帧，分别为题头帧。产品目录帧、客户信息帧。在设置的产品目录帧中，点击设置的销售产品前面的复选框，这时就会弹出一个对话框，提示用户输入产品数量，如图19-2 所示。
如果用户没有输入任何数据而直接按下【OK】 或【Cancel】 按钮系统，就会弹出一个提示信息框，让用户输入数据，并取消刚才对产品的选择，如图19-3 所示。

图19-1

图19-2

图19-3
如果用户输入的数据不是数字，通过系统的检测，就会提示用户输入数字,如图19-4。图19-5 所示。

图19-4

图19-5
如果用户输入的数据正确，就会弹出一个对话框，显示用户的订购情况，让用户确认，如图19-6 所示。

图19-6
如果用户认为订购的数量不合适或其他方面的原因要取消该订购，按下【取消】按钮，这时就会取消对该产品的选择。
如果用户按下【确定】按钮，就会在客户信息区显示用户的订购情况。在设置的滚动文本框中显示用户的订购产品名称和数量，在邮寄费中显示邮寄费，在货款中显示货款合计，在总计中显示成交这笔交易要付款的总额，如图19-7 所示。

图19-7
在设置了产品之后，还要求填写客户信息，如果用户没有填写客户信息，系统认为这是一种破坏和恶作剧的行为，提示用户应该填写完，否则会取消对产品的选择，如图19-8 图19-9 所示。

图19-8

图19-9
在填写客户信息的时候，设置了一些过滤条件、必填字段，比如姓名，如果用户不输入姓名，则提示用户输入数据，如图19-10 所示。