jquery.validate.js的使用

Question

测试了一下LZ贴出来的代码，message表示正确。
LZ方便的话，可以贴出完整代码。

Answer 1

我的怎么就执行不了啊？<form id="form1" runat="server">
    <!--******************************增加页面代码********************************-->
    <table cellspacing="0" cellpadding="0" border="0" style="width: 100%">
        <tr>
            <td height="25" width="30%" align="right">
                站点名称 ：
            </td>
            <td height="25" width="*" align="left">
                <asp:TextBox ID="txtSiteName" runat="server" Width="200px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td height="25" width="30%" align="right">
                是否有Logo ：
            </td>
            <td height="25" width="*" align="left">
                <asp:TextBox ID="txtIsLogo" runat="server" Width="200px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td height="25" width="30%" align="right">
                Logo地址 ：
            </td>
            <td height="25" width="*" align="left">
                <asp:TextBox ID="txtLogoUrl" runat="server" Width="200px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td height="25" width="30%" align="right">
                站点地址 ：
            </td>
            <td height="25" width="*" align="left">
                <asp:TextBox ID="txtSiteUrl" runat="server" Width="200px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td height="25" width="30%" align="right">
                序号 ：
            </td>
            <td height="25" width="*" align="left">
                <asp:TextBox ID="txtSort" runat="server" Width="200px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td height="25" width="30%" align="right" colspan="2">
                <asp:Button ID="btnsave" runat="server" onclick="btnsave_Click" Text="保存" />
            </td>
        </tr>
    </table>
    </form>
    <script type="text/javascript">
    $(document).ready(function(){
       $("form") .validate({
          rules: {
             txtSiteName: {
                 required:true
                 }
              }
          });
    });
    </script>

Answer 2

我的怎么就执行不了啊？<form id="form1" runat="server">
    <!--******************************增加页面代码********************************-->
    <table cellspacing="0" cellpadding="0" border="0" style="width: 100%">
        <tr>
            <td height="25" width="30%" align="right">
                站点名称 ：
            </td>
            <td height="25" width="*" align="left">
                <asp:TextBox ID="txtSiteName" runat="server" Width="200px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td height="25" width="30%" align="right">
                是否有Logo ：
            </td>
            <td height="25" width="*" align="left">
                <asp:TextBox ID="txtIsLogo" runat="server" Width="200px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td height="25" width="30%" align="right">
                Logo地址 ：
            </td>
            <td height="25" width="*" align="left">
                <asp:TextBox ID="txtLogoUrl" runat="server" Width="200px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td height="25" width="30%" align="right">
                站点地址 ：
            </td>
            <td height="25" width="*" align="left">
                <asp:TextBox ID="txtSiteUrl" runat="server" Width="200px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td height="25" width="30%" align="right">
                序号 ：
            </td>
            <td height="25" width="*" align="left">
                <asp:TextBox ID="txtSort" runat="server" Width="200px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td height="25" width="30%" align="right" colspan="2">
                <asp:Button ID="btnsave" runat="server" onclick="btnsave_Click" Text="保存" />
            </td>
        </tr>
    </table>
    </form>
    <script type="text/javascript">
    $(document).ready(function(){
       $("form") .validate({
          rules: {
             txtSiteName: {
                 required:true
                 }
              }
          });
    });
    </script>
你写的有问题 ：$(document).ready(function(){
       $("form") .validate({
          rules: {
             txtSiteName: {//这里应该是标签的名字
                 required:true
                 }
              }
          });
    });

Answer 3

你现在用的是web控件，所以只有id没有name。而jquery验证看的是name，所以会发生问题。
建议你用html控件，把name加上，再试一下吧。<input type="text" id="txtSiteName" name="txtSiteName" runat="server" />

Answer 4

规则里面应该对应的是name 而不是 id