Question

我在网上搜索文本框验证，我发现了很多jquery函数，我选择了一个并实现了，真正的问题开始了，我认为实现第一个jquery插件并不是那么容易

<title></title>
<script type="text/javascript" src="Scripts/jquery-1.3.2.js"></script>
<script type="text/javascript" src="Scripts/jquery.validate.js"> </script>
<script type="text/javascript" src="Scripts/jquery.validate.min.js"></script>


</head>
  <body>
<form id="form1" runat="server">
<h3 style="color:Olive">
ADD NEW USER BELOW
</h3>
<table>
<tr>
<td>
<asp:HiddenField ID="hdField" runat="server" />
</td>
</tr>
    <tr>
        <td style= " font-size:large">
            Name:
        </td>
        <td>
            <asp:TextBox ID="txtName" runat="server"></asp:TextBox>
        </td>
    </tr>
           .

           |
           |
           |
           <tr>
         <td>
            <asp:Button ID="btnSave" runat="server" Text="Save" Width="46px" 
                OnClick="btnSave_Click" />
        </td>
        <td>
            <asp:Button ID="btnCancel" runat="server" Text="Cancel"                         OnClick="btnCancel_Click" />
        </td>
    </tr>
</table>

并且在标签之前的表设计之后我放置了我的jquery脚本：

       <script type="text/javascript">

            $(document).ready(function({
            $("#form1").validate({
                 rules:{
        <%=txtName.UniqueID%>:{
            required:true}
                   },
               messages:{
         <%=txtName.UniqueID%>:{
         required:"This field is required"}

                   } 
                  });

               });

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

             jQuery.validator.setDefaults({

             debug: true,

              success: "valid"

         }); ;

      </script>

请有人帮助我

webform中的Jquery验证

0 个答案: