JQUERY在模板页中进行验证一些问题

最近在玩JQUERY对表单验证的时候发现，如果页面是使用模板页的话不大好对页面的有些内容进行验证处理，因为使用模板页的页面没有FORM标签，所以无法对表单内的数据进行验证处理

方法一：

下面是一个有模板页的页面    对页面进行浏览器查看源码的时候会发现页面其实也存在一个FORM标签,叫做aspnetForm，这个是微软在使用模板页自带对页面进行的处理，所以如果出现这个问题，可以使用微软自带的这个form标签进行表单的验证（假如在页面添加form标签是没用的，该方法本人已经进行过测试，如果有朋友有更好的方法,如有好的建议欢迎分享）

方法二：

这个问题的还有个解决方案就是将模板页的FROM标签去掉 这样就可以在页面添加自己的FROM标签而不会生成ID为aspnetForm的From标签了

<%@ Page Title="" Language="C#" MasterPageFile="~/member/UsersMaster.Master" AutoEventWireup="true"

    CodeBehind="UserRegister.aspx.cs" Inherits="Shopping.Web.member.UserRegister" %>

<asp:Content ID="Content1" ContentPlaceHolderID="Header" runat="server">

    <script src="../JQuery/jquery-1.7.1.js" type="text/javascript"></script>

    <script src="../JQuery/jquery-ui-1.8.2.custom.min.js" type="text/javascript"></script>

    <script src="../JQuery/jquery.validate.min.js" type="text/javascript"></script>

    <script src="../JS/Register.js" type="text/javascript"></script>

    <script language="javascript" type="text/javascript">

        $(function () {

            $("#imgOk").click(function () {

                Validate_Click();

            });

            $("#aspnetForm").validate({

                rules: {

                    userId: "required",

                    userName: "required"

                }, messages: {

                    userId: "请输入用户名",

                    userName: "请输入真实姓名"

                }

            });

        });

        

    </script>

    

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <div style="font-size: small">

        <table width="80%" height="22" border="0" align="center" cellpadding="0" cellspacing="0">

            <tr>

                <td style="width: 10px">

                    <img src="../Images/az-tan-top-left-round-corner.gif" width="10" height="28" />

                </td>

                <td bgcolor="#DDDDCC">

                    <span class="STYLE1">注册新用户</span>

                </td>

                <td width="10">

                    <img src="../Images/az-tan-top-right-round-corner.gif" width="10" height="28" />

                </td>

            </tr>

        </table>

        <table width="80%" height="22" border="0" align="center" cellpadding="0" cellspacing="0">

            <tr>

                <td width="2" bgcolor="#DDDDCC">

                    &nbsp;

                </td>

                <td>

                    <div align="center">

                        <table height="61" cellpadding="0" cellspacing="0" style="height: 332px">

                            <tr>

                                <td height="33" colspan="6">

                                    <p class="STYLE2" style="text-align: center">

                                        注册新帐户方便又容易</p>

                                </td>

                            </tr>

                            <tr>

                                <td width="24%" align="center" valign="top" style="height: 26px">

                                    用户名

                                </td>

                                <td valign="top" width="37%" align="left" style="height: 26px">

                                    &nbsp;

                                    <input id="UserId" name="userId" class="required" type="text" /></td>

                            </tr>

                            <tr>

                                <td width="24%" height="26" align="center" valign="top">

                                    真实姓名：

                                </td>

                                <td valign="top" width="37%" align="left">

                                    &nbsp;

                                    <input id="UserName" name="userName" class="required" type="text" /></td>

                            </tr>

                            <tr>

                                <td width="24%" height="26" align="center" valign="top">

                                    密码：

                                </td>

                                <td valign="top" width="37%" align="left">

                                    &nbsp;

                                    <input id="pwd" name="pwd" class="required" type="text" /></td>

                            </tr>

                            <tr>

                                <td width="24%" height="26" align="center" valign="top">

                                    确认密码：

                                </td>

                                <td valign="top" width="37%" align="left">

                                    &nbsp;

                                    <input id="pwd2" name="pwd2" type="text" class="required" /></td>

                            </tr>

                            <tr>

                                <td width="24%" height="26" align="center" valign="top">

                                    Email：

                                </td>

                                <td valign="top" width="37%" align="left">

                                    &nbsp;

                                    <input id="Email" name="email" class="required"  type="text" /></td>

                            </tr>

                            <tr>

                                <td width="24%" height="26" align="center" valign="top">

                                    地址：

                                </td>

                                <td valign="top" width="37%" align="left">

                                    &nbsp;

                                    <input id="Address" name="address" class="required" type="text" /></td>

                            </tr>

                            <tr>

                                <td width="24%" height="26" align="center" valign="top">

                                    手机：

                                </td>

                                <td valign="top" width="37%" align="left">

                                    &nbsp;

                                    <input id="Phone" name="phone" class="required" type="text" /></td>

                            </tr>

                            <tr>

                                <td width="24%" height="26" align="center" valign="top">

                                    验证码：

                                </td>

                                <td valign="top" width="37%" align="left">

                                    &nbsp;

                                    <input id="Code" name="code" class="required" type="text" />

                                    <img src="../Ashx/ValidateCode.ashx" id="imgOk" /></td>

                            </tr>

                            <tr>

                                <td colspan="2" align="center">

                                    <input id="Submit1" type="submit" value="注册" />&nbsp;

                                    <input id="Button1" type="button" value="重置" /></td>

                            </tr>

                            <tr>

                                <td colspan="2" align="center">

                                    &nbsp;

                                </td>

                            </tr>

                        </table>

                        <div class="STYLE5">

                            ---------------------------------------------------------</div>

                    </div>

                </td>

                <td width="2" bgcolor="#DDDDCC">

                    &nbsp;

                </td>

            </tr>

        </table>

        <table width="80%" height="3" border="0" align="center" cellpadding="0" cellspacing="0">

            <tr>

                <td height="3" bgcolor="#DDDDCC">

                    <img src="../Images/touming.gif" width="27" height="9" />

                </td>

            </tr>

        </table>

    </div>

 

</asp:Content>