{include file="header.html"}
	<div class="area">
        <div class="longbox1">
            <div class="box autobox verdana" style="margin-bottom:15px;">
                <div class="tt"><h4>注册流程</h4></div>
                <div class="ct">
                    <ul>
                        <li>1→填写注册信息</li>
                        <li>2→注册成功</li>
                    </ul>
                </div>
            </div>
        </div>
        {literal}<script type="text/javascript">
			function mRegister() {
				if($('#name').val()=="") {
					alert('用户名必须填写！'); $('#name').focus(); return false;
				}
				if($('#pwd1').val()=="" || $('#pwd2').val()=='') {
					alert('密码必须填写！'); $('#pwd1').focus(); return false;
				}
				if($('#mail').val()=="") {
					alert('邮箱必须填写！'); $('#mail').focus(); return false;
				}
				var imgPath = $('#file').val();
				if(imgPath && !imgPath.match(/\.(jpg|bmp|png|gif|jpeg)$/i)) {
					alert('系统禁止上传此种文件的头像！'); $('#file').focus(); return false;
				}
				var pic = $('#picture').val();
				if(pic && !pic.match(/\.(jpg|bmp|png|gif|jpeg)$/i)) {
					alert('系统禁止使用此种文件的头像！'); $('#picture').focus(); return false;
				}
				return true;
			}
			function toggle() {
				if($('#extendedInfo')[0].style.display != 'none') {
					$('#extendedInfo')[0].style.display = 'none';
				} else {
					$('#extendedInfo')[0].style.display = 'block';
				}
			}
		</script>{/literal}
        <div class="longbox2">
            <div class="box artist_info box-1 verdana">
                <div class="tt"><h4>填写注册信息</h4></div>
                <div class="ct">
                <form id="registerForm" action="{$config.webUrl}member/?action=registered" method="post" onsubmit="return mRegister()" enctype="multipart/form-data">
                  <table id="musicList" class="music_list">
                    <tr>
                      <td>会员名*</td>
                      <td><input type="text" name="name" id="name" /></td>
                      <td>必须是3～15位长度。</td>
                    </tr>
                    <tr>
                      <td>密码*</td>
                      <td><input type="password" name="pwd1" id="pwd1" /></td>
                      <td>6～16位内。</td>
                    </tr>
                    <tr>
                      <td>重输*</td>
                      <td><input type="password" name="pwd2" id="pwd2" /></td>
                      <td>同上</td>
                    </tr>
                    <tr>
                      <td>邮件*</td>
                      <td><input type="text" name="mail" id="mail" /></td>
                      <td>必须是合法邮件。</td>
                    </tr>
                  </table>
                	<div id="extendedInfo" style="display:none">
                    	<table class="music_list">
                            <tr>
                              <td>头像</td>
                              <td><input type="text" name="picture" id="picture" value="{$config.webUrl}images/mnopig.gif" /></td>
                              <td>&nbsp;<span class="fred">[大小168*168]上传：</span><input name="file" id="file" type="file" /></td>
                            </tr>
                            <tr>
                                <td>性别</td>
                                <td><input type="radio" name="sex" checked="checked" value="男">男 &nbsp;&nbsp;<input name="sex" type="radio" value="女">女</option></select></td>
                                <td>&nbsp;<span class="fred">选填信息</span></td>
                            </tr>
                            <tr>
                                <td>生日</td>
                                <td>
                                <script type="text/javascript" src="{$config.webUrl}js/date.js"></script>
                                <input type="text" name="birthday" id="birthday" onfocus="ShowCalendar('birthday')" />                      
                                </td>
                                <td>&nbsp;<span class="fred">选填信息</span></td>
                            </tr>
                            <tr>
                              <td>QQ</td>
                              <td><input type="text" name="qq" id="qq" /></td>
                              <td>&nbsp;<span class="fred">选填信息</span></td>
                            </tr>
                            <tr>
                              <td>MSN</td>
                              <td><input type="text" name="msn" id="msn" /></td>
                              <td>&nbsp;<span class="fred">选填信息</span></td>
                            </tr>
                            <tr>
                              <td>省或地区</td>
                              <td>
                                <script type="text/javascript" src="{$config.webUrl}js/provinces.js"></script>
                                <script type="text/javascript">showprovince('province','city')</script>                      
                              </td>
                              <td>&nbsp;<span class="fred">选填信息</span></td>
                            </tr>
                            <tr>
                              <td>市或县</td>
                              <td><select name="city" id="city"><option value="">请选择省份</option></select></td>
                              <td>&nbsp;<span class="fred">选填信息</span></td>
                            </tr>
                            <tr>
                              <td>个性签名</td>
                              <td colspan="2"><textarea name="intro" cols="50" rows="8"></textarea></td>
                            </tr>
                        </table>
                    </div>
                  <label style="color:red"><input type="checkbox" value="显示高级信息" onclick="toggle();" />填写详细资料</label> &nbsp;&nbsp;<input class="btn" type="submit" value="注册"  /> <input class="btn" type="reset" value="重置" />
                </form>
              	</div>
            </div>
        </div>
    </div>
{include file="footer.html"}