求救！javascript对于表单进行验证

Question

本帖最后由 lhc2257521 于 2011-06-30 15:48:29 编辑

Answer 1

<table width="850" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td><table width="850" border="0" cellpadding="0" cellspacing="4" bgcolor="7E1210">
      <tr>
        <td align="center" valign="top" bgcolor="#FFFFFF"><table width="765" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
          <tr>
            <td>
            <form  onsubmit="return Form_Check()" method="post" runat="server" action="#">
              <table class="no1"cellspacing="0" cellpadding="9" width="600" align="center" bgcolor="#ffffff" 
border="0">
                <tbody>
                  <tr>
                    <td align="left"><table width="100%" border="0" cellpadding="5" cellspacing="1">
                      <tbody>
                        <tr>
                          <td align="center" style="font-weight:bold;font-size:20px;">报名参赛：</td>
                        </tr>
                        <tr>
                          <td bgcolor="#FFFFFF" style="line-height:18px;">&nbsp;&nbsp;&nbsp;&nbsp;带<span class="na">“#”</span>项目必须填写，并且注册后不能修改，请谨慎填写；带<span class="na">“*”</span>项目必须填写，允许修改。兹证明本人已阅读，并完全了解及同意遵守本次参赛规则。本人在参赛表格填写之一切内容均属真实及正确；如填报的资料有任何不实之处或本人违反了参赛规则或参赛合约，本人同意被取消参赛资格。</td>
                        </tr>
                      </tbody>
                    </table></td>
                  </tr>
                </tbody>
              </table>
              <table class="no1" cellspacing="0" cellpadding="9" width="600" align="center" bgcolor="#ffffff" 
border="0">
                <tbody>
                  <tr>
                    <td align="center"><table cellspacing="1" cellpadding="5" width="100%" border="0">
                      <tbody>
                        <tr>
                          <td class="tittle" align="left">基本资料：</td>
                        </tr>
                        <tr>
                          <td align="center" bgcolor="#ffffff">
                              <table cellspacing="5" cellpadding="0" 
                                  border="0" style="width: 643px">
                            <tbody>
                              <tr align="left">
                                <td class="style5"><span class="na">#</span>真实姓名</td>
                                <td width="129"><input name="NAME" id="NAME" size="10" maxlength="10" /></td>
                                <td class="style4">&nbsp;</td>
                                <td width="132">&nbsp;</td>
                                <td class="style6"><span class="na">#</span>现居住地</td>
                                <td width="105"><select name="REGION" id="REGION">
                                    <option value="安徽省">安徽省</option>
                                    <option value="北京市" selected="selected">北京市</option>
                                    <option value="重庆市">重庆市</option>
                                    <option value="福建省">福建省</option>
                                    <option value="广东省">广东省</option>
                                    <option value="甘肃省">甘肃省</option>
                                    <option value="广西自治区">广西自治区</option>
                                    <option value="贵州省">贵州省</option>
                                    <option value="海南省">海南省</option>
                                    <option value="河北省">河北省</option>
                                    <option value="河南省">河南省</option>
                                    <option value="黑龙江省">黑龙江省</option>
                                    <option value="湖北省">湖北省</option>
                                    <option value="湖南省">湖南省</option>
                                    <option value="吉林省">吉林省</option>
                                    <option value="江苏省">江苏省</option>
                                    <option value="江西省">江西省</option>
                                    <option value="辽宁省">辽宁省</option>
                                    <option value="内蒙古自治区">内蒙古自治区</option>
                                    <option value="宁夏自治区">宁夏自治区</option>
                                    <option value="青海省">青海省</option>
                                    <option value="四川省">四川省</option>
                                    <option value="山东省">山东省</option>
                                    <option value="上海市">上海市</option>
                                    <option value="山西省">山西省</option>
                                    <option value="陕西省">陕西省</option>
                                    <option value="天津市">天津市</option>
                                    <option value="新疆自治区">新疆自治区</option>
                                    <option value="西藏自治区">西藏自治区</option>
                                    <option value="云南省">云南省</option>
                                    <option value="浙江省">浙江省</option>
                                  </select>                                </td>
                              </tr>
                              <tr align="left">
                                <td class="style5"><span class="na">#</span>年龄</td>
                                <td><input name="AGE" id="AGE" size="10" maxlength="2" />
                                  岁</td>
                                <td class="style4"><span class="na">*</span>民族</td>
                                <td><input name="NATIONALITY" id="NATIONALITY" size="10" maxlength="9" />                                </td>
                                <td class="style6">&nbsp;</td>
                                <td>&nbsp;</td>
                              </tr>
                              <tr align="left">
                                <td class="style5"><span class="na">*</span>学历</td>
                                <td><select name="EDUCATION" id="EDUCATION">
<option value="初中" selected="selected">初中</option>
                                    <option value="高中/中专">高中/中专</option>
                                    <option value="大专">大专</option>
                                    <option value="本科">本科</option>
                                    <option value="研究生及以上">研究生及以上</option>
                                  </select>                                </td>
                                <td class="style4">职业</td>
                                <td colspan="3"><input 
                name="EMPLOYMENT" id="EMPLOYMENT" size="40" maxlength="15" /></td>
                              </tr>
                              <tr align="left">
                                <td class="style5"><span class="na">*</span>身高</td>
                                <td><input name="HEIGHT" id="HEIGHT" size="5" maxlength="3" />
                                  公分</td>
                                <td class="style4"><span class="na">*</span>体重</td>
                                <td><input name="WEIGHT" id="WEIGHT" size="10" maxlength="3" />
                                  公斤</td>
                                <td class="style6">&nbsp;</td>
                                <td>&nbsp;</td>
                              </tr>
                              <tr align="left">
                                <td colspan="6"><span class="na">*</span>毕业/就读院校
                                  <input maxlength="25" size="60" 
                  name="SCHOOL" /></td>
                              </tr>
                            </tbody>
                          </table></td>
                        </tr>
                      </tbody>
                    </table></td>
                  </tr>
                </tbody>
              </table>
           

Answer 2

<table class="no1" cellspacing="0" cellpadding="9" width="600" align="center" bgcolor="#ffffff" 
border="0">
                <tbody>
                  <tr>
                    <td align="center"><table cellspacing="1" cellpadding="5" width="100%" border="0">
                      <tbody>
                        <tr>
                          <td class="tittle" align="left"><span class="na">*</span>才艺和爱好：（限字数200字）</td>
                        </tr>
                        <tr>
                          <td align="center" bgcolor="#ffffff"><textarea name="FORTES" cols="70" rows="6" id="FORTES"></textarea></td>
                        </tr>
                      </tbody>
                    </table></td>
                  </tr>
                </tbody>
              </table>
              <table class="no1" cellspacing="0" cellpadding="9" width="600" align="center" bgcolor="#ffffff" 
border="0">
                <tbody>
                  <tr>
                    <td align="center"><table cellspacing="1" cellpadding="5" width="100%" border="0">
                      <tbody>
                        <tr>
                          <td class="tittle" align="left"><span class="na">*</span>您的“美丽宣言”（将作为您的个人说明出现在佳丽推荐页面，限字数50字）</td>
                        </tr>
                        <tr>
                          <td align="center" bgcolor="#ffffff"><textarea name="ENOUNCE" cols="70" rows="3" id="ENOUNCE"></textarea></td>
                        </tr>
                      </tbody>
                    </table></td>
                  </tr>
                </tbody>
              </table>
              <table class="no1" cellspacing="0" cellpadding="9" width="600" align="center" bgcolor="#ffffff" 
border="0">
                <tbody>
                </tbody>
              </table>
              <table class="no1" cellspacing="0" cellpadding="9" width="600" align="center" bgcolor="#ffffff" 
border="0">
                <tbody>
                  <tr>
                    <td align="center"><table cellspacing="1" cellpadding="5" width="100%" border="0">
                      <tbody>
                        <tr>
                          <td class="tittle" align="left" colspan="2"><span class="na">*</span>上传个人头像相片　　　　　　　　　　　　　　</td>
                        </tr>
                        <tr>
                          <td align="center" bgcolor="#ffffff"><table cellspacing="5" cellpadding="0" border="0">
                            <tbody>
                              <tr align="left">
                                <td class="tittle" 
                  colspan="2">该相片将放置在选手列表展示页面以及网站首页，非常重要。为了有最好的显示效果，相片请制作为120(宽)*160(高)像素。</td>
                              </tr>
                              <tr>
                                <td width="80">选择图片
                                  <input name="phead" type="hidden" id="phead" /></td>
                                <td>
                                    <asp:ScriptManager ID="ScriptManager1" runat="server">
                                    </asp:ScriptManager>
                                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                                        <ContentTemplate>
                                            <asp:FileUpload ID="FileUpload1" runat="server" />
                                            <br />
                                            <asp:TextBox ID="PHOTOURL" name="PHOTOURL" runat="server"></asp:TextBox>
                                            <asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="Button" />
                                        </ContentTemplate>
                                    </asp:UpdatePanel>
                                    <br/>格式jpg,&lt;=1M   </td> 
                              </tr>
                            </tbody>
                          </table></td>
                          <td align="center" width="90" bgcolor="#ffffff">
            <img src="201162914121.jpg"  
          name="prehead" width="90" height="120" id="prehead" alt=""/></td>
                        </tr>
                      </tbody>
                    </table></td>
                  </tr>
                </tbody>
              </table>
              <table class="no1" height="100" cellspacing="0" cellpadding="9" width="600" align="center" 
bgcolor="#ffffff" border="0">
                <tbody>
                  <tr>
                    <td height="25" align="left" valign="middle"><span class="na">*</span>验证码<asp:UpdatePanel 
                            ID="UpdatePanel2" runat="server">
                            <ContentTemplate>
                                <img alt="验证码" src="CheckCode.aspx" id="img_Ver" onclick="updateVercode()"/><a href="CheckCode.aspx">看不清楚点击图片换一张</a>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                        <asp:TextBox 
                            ID="CHECKCODE" runat="server"></asp:TextBox>
                      </td>
                  </tr>
                  <tr>
                    <td align="center">
                        <%--<asp:Button ID="Button1" runat="server" onclick="monitor()" Text="提交报名" />--%>
                        <input type="submit" value="提交报名" id="submit" name="submit" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                      <input type="reset" value="清空重填" name="reset2" /></td>
                  </tr>
                </tbody>
              </table>
              </form>
              </td>
          </tr>
        </table></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="8" bgcolor="7E1210"></td>
  </tr>
</table> 
</asp:Content>
好长的代码，贴的我心烦意乱。。

Answer 3

<input type="submit" value="提交报名" id="submit" name="submit" />
按钮的type是submit 点击要提交表单 而LZ的html代码中又没有表单 所以会提交空请求 当然会刷新页面了解决方法：
因为你的数据最终要提交到后台 所以必须要有表单 在外边套层form就可以了 代码如下：
<form action="你的action请求" method="post" onsubmit="return Form_Check();">
  你上边的html
</form>