JavaScript第五章课后作业

除教材理论部分第五章之后的作业之外,另外完成以下内容
前三个题目每个人必做,第四题可选,有能力就做,暂时没能力可以以后再做.

第一题:

设计一个交友网站会员注册的表单页面.
要求用户填写的注册信息包含用户上传一张自己的相片
,
使用file类型的表单输入元素实现用户对自己机器上相片文件的选择
代码可参考:
<form name="frmUserInfo".....>
.....
 <input type="file" name="fileUserPhoto" size="30">
.....
 <input type="submit" name="btnReg" value="确认注册">
</form>

要求用户点击提交按钮后验证表单数据的有效性.
要求相片必须提供,而且只能是JPG格式的图片,否则警告用户,并且拒绝提交.
注意:JPG格式的图片文件的文件名可能是
*.jpg
*.JPG
*.Jpg
*.jPg
...等

提示:得到图片地址:document.frmUserInfo.fileUserPhoto.value
使用String类的.lastIndexOf()/.substring()/toLowerCase()等方法.

第二题:

如下代码:
<form name="frmProduct">
 <input type="text" name="txtNum" value="商品数量">
 <input type="submit" name="btnBuy" value="确定购买">
</form>

要求:
用户将焦点[输入光标]放入商品数量文本框时,
将文本框中的"商品数量"四个字清除掉.
如果文本框中已有用户输入的数字,则保留.

用户的焦点从商品数量文本框中离开时,判断文本框的内容是否为数字,
如果不是则警告用户必须填写数字,并为文本框重新设置焦点.

提示:使用文本框的onFocus事件,onBlur事件,value属性,focus()方法,isNaN函数.

第三题:

暂无

第四题:

暂无