web编程2--用户注册之日期控件，验证码

实现要点：

• 包含单行多行文本域、单选框、复选框
• 包含日期控件
• 包含图片上传功能
• 包含验证码
• 包含md5加密
• 包含省市联动

日期控件

• 可以去my97日期控件官网下载最新版的控件源码，猛点这里
• 下载完后，解压将文件夹放入，引入需要的JS文件 
  

  <script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
  

• 我们在上一节的基础上，在register.asp中继续添加出生日期这一个数据项
  

  <tr>
  	<td align="right"width="150px" style="padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;">
  	出生 : 
  	</td>
  	<td align="left" style="padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;">
  	<input id="birthday" NAME="birthday" type="text"  SIZE="10" MAXLENGTH="10" cssclass="Wdate" οnfοcus="WdatePicker({isShowWeek:true})"/>
  	</td>
  </tr>

• 按上次方法，修改regAction.asp，写入数据库
  

  <%
  dim birthday
  birthday = request.Form("birthday")
  ........
  rs("birth") = birthday
  %>

• 非常简单，这样我们的日期控件就完成了 
  

  验证码

• 首先，在这里下载验证码的asp文件，猛点这里
• 下载完后，解压将文件夹放入，此处不需要在head中引入JS文件，而是直接在form表单中引入 
  

  <tr >
        <td align="right" width="150px" style="padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;">
  	验证码 : 
  	</td>
  	<td align="left" style="padding-left: 5px; padding-top: 4px; padding-bottom: 4px; padding-right: 18px;">
  	<INPUT TYPE="text" NAME="validate" id=="validate" SIZE="4" MAXLENGTH="4"  /><IMG SRC="validate/code.asp" align="texttop" WIDTH="60" HEIGHT="25" id="SessionName" />
  	</td>
  </tr>

• 若想实现点击图片便刷新验证码的功能，则需要添加一端js代码，如下 

  function changeValeIMG()
  {
  	var time = new Date().getTime();
  	document.getElementById("validate).src="validate/code.asp?"+time;
  //validate是form表单中的id
  }

• 随后稍稍修改form表单中的验证码一项，为图片添加a标签 

  <a href="javascript:changeValeIMG()">
          <IMG SRC="validate/code.asp" align="texttop" WIDTH="60" HEIGHT="25" id="SessionName" /></a>

• 此时，我们将验证码也全部完成了，注意，这个验证码控件不能区分大小写，各位可以寻找更好的控件。

  本节的源代码同样可以在这里下载，猛击这里