Fatal编程技术网
  • jquery/
  • 如何从外部jquery文件调用validate

如何从外部jquery文件调用validate

jquery asp.net

如何从外部jquery文件调用validate,jquery,asp.net,Jquery,Asp.net,我的jquery验证代码用作内部jquery代码，但我想通过我正在执行的外部文件在我的页面中调用此代码，但我无法调用 <script type="text/javascript"> $(document).ready(function(){ $("#form1").validate({ rules: { <%=name.UniqueID %>:{

我的jquery验证代码用作内部jquery代码，但我想通过我正在执行的外部文件在我的页面中调用此代码，但我无法调用

<script  type="text/javascript">
    $(document).ready(function(){

     $("#form1").validate({
                rules: {
                    <%=name.UniqueID %>:{
                        required:true
                    },
                    <%=password.UniqueID %>:{
                        required:true,
                         minlength:5,
                    },
                    <%=repassword.UniqueID %>:{
                        required:true,
                        equalTo:"#password"
                    },
                    <%=email.UniqueID %>: {
                        required: true,
                        email: true
                    },
                     <%=mobile.UniqueID %>: {

                        required:true,
                        digits:true,
                        minlength:10,
                        maxlength:10,

                      }

                }, 

                messages: {
                    <%=name.UniqueID %>:{
                        required: "* Required Field *"
                    },
                    <%=password.UniqueID %>:{
                        required:"* Required Field *"
                    }

                }




        });


});


    </script>

   <link rel="stylesheet" type="text/css" href="StyleSheet.css"/> </head> <body  runat="server">
 <form id="form1" runat="server" >    <div>

<asp:label  ID="heading" runat="server" text="Validation  Form"></asp:label>    <table>    <tr>
   <td class="deslabel">Name</td>
   <td><asp:TextBox Id="name" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>   <tr>
   <td class="deslabel">Password</td>
  <td> <asp:TextBox Id="password" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>    <tr>
   <td class="deslabel">Repassword</td>
  <td> <asp:TextBox Id="repassword" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>    <tr>
   <td class="deslabel">E-Mail ID</td>
   <td><asp:TextBox Id="email" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>        
     <tr >
         <td class="deslabel">Mobile Number</td>
      <td>  <asp:TextBox Id="mobile" CssClass="destext" class="groupName" runat="server" MaxLength="10" ></asp:TextBox></td>
     </tr>
      <tr >
         <td class="deslabel">Gender</td>
       <td>
    <asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal">
    <asp:ListItem Text="Male" Value="Male" />
    <asp:ListItem Text="Female" Value="Female" />
    </asp:RadioButtonList>
    <p></p>
    </td>
     </tr>
     <tr align="center">   
       <td colspan="2">  <asp:Button ID="Button1"  CssClass="destext"          OnClientClick="value" runat="server" Text="submit"/></td> 

         </tr>
         </table>    </div>
 </form> </body> </html>
这是我的jquery代码，我正在使用它作为内部代码。它工作正常。请帮助我从外部js文件调用此代码。在我的asp.net代码中-

   <link rel="stylesheet" type="text/css" href="StyleSheet.css"/> </head> <body  runat="server">
 <form id="form1" runat="server" >    <div>

<asp:label  ID="heading" runat="server" text="Validation  Form"></asp:label>    <table>    <tr>
   <td class="deslabel">Name</td>
   <td><asp:TextBox Id="name" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>   <tr>
   <td class="deslabel">Password</td>
  <td> <asp:TextBox Id="password" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>    <tr>
   <td class="deslabel">Repassword</td>
  <td> <asp:TextBox Id="repassword" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>    <tr>
   <td class="deslabel">E-Mail ID</td>
   <td><asp:TextBox Id="email" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>        
     <tr >
         <td class="deslabel">Mobile Number</td>
      <td>  <asp:TextBox Id="mobile" CssClass="destext" class="groupName" runat="server" MaxLength="10" ></asp:TextBox></td>
     </tr>
      <tr >
         <td class="deslabel">Gender</td>
       <td>
    <asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal">
    <asp:ListItem Text="Male" Value="Male" />
    <asp:ListItem Text="Female" Value="Female" />
    </asp:RadioButtonList>
    <p></p>
    </td>
     </tr>
     <tr align="center">   
       <td colspan="2">  <asp:Button ID="Button1"  CssClass="destext"          OnClientClick="value" runat="server" Text="submit"/></td> 

         </tr>
         </table>    </div>
 </form> </body> </html>


   <link rel="stylesheet" type="text/css" href="StyleSheet.css"/> </head> <body  runat="server">
 <form id="form1" runat="server" >    <div>

<asp:label  ID="heading" runat="server" text="Validation  Form"></asp:label>    <table>    <tr>
   <td class="deslabel">Name</td>
   <td><asp:TextBox Id="name" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>   <tr>
   <td class="deslabel">Password</td>
  <td> <asp:TextBox Id="password" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>    <tr>
   <td class="deslabel">Repassword</td>
  <td> <asp:TextBox Id="repassword" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>    <tr>
   <td class="deslabel">E-Mail ID</td>
   <td><asp:TextBox Id="email" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>        
     <tr >
         <td class="deslabel">Mobile Number</td>
      <td>  <asp:TextBox Id="mobile" CssClass="destext" class="groupName" runat="server" MaxLength="10" ></asp:TextBox></td>
     </tr>
      <tr >
         <td class="deslabel">Gender</td>
       <td>
    <asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal">
    <asp:ListItem Text="Male" Value="Male" />
    <asp:ListItem Text="Female" Value="Female" />
    </asp:RadioButtonList>
    <p></p>
    </td>
     </tr>
     <tr align="center">   
       <td colspan="2">  <asp:Button ID="Button1"  CssClass="destext"          OnClientClick="value" runat="server" Text="submit"/></td> 

         </tr>
         </table>    </div>
 </form> </body> </html>
删除脚本标记，将代码复制到例如validate.aspx中-因为文件中有ASP，所以需要将它们作为ASP代码执行

   <link rel="stylesheet" type="text/css" href="StyleSheet.css"/> </head> <body  runat="server">
 <form id="form1" runat="server" >    <div>

<asp:label  ID="heading" runat="server" text="Validation  Form"></asp:label>    <table>    <tr>
   <td class="deslabel">Name</td>
   <td><asp:TextBox Id="name" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>   <tr>
   <td class="deslabel">Password</td>
  <td> <asp:TextBox Id="password" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>    <tr>
   <td class="deslabel">Repassword</td>
  <td> <asp:TextBox Id="repassword" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>    <tr>
   <td class="deslabel">E-Mail ID</td>
   <td><asp:TextBox Id="email" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>        
     <tr >
         <td class="deslabel">Mobile Number</td>
      <td>  <asp:TextBox Id="mobile" CssClass="destext" class="groupName" runat="server" MaxLength="10" ></asp:TextBox></td>
     </tr>
      <tr >
         <td class="deslabel">Gender</td>
       <td>
    <asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal">
    <asp:ListItem Text="Male" Value="Male" />
    <asp:ListItem Text="Female" Value="Female" />
    </asp:RadioButtonList>
    <p></p>
    </td>
     </tr>
     <tr align="center">   
       <td colspan="2">  <asp:Button ID="Button1"  CssClass="destext"          OnClientClick="value" runat="server" Text="submit"/></td> 

         </tr>
         </table>    </div>
 </form> </body> </html>
加 在页面的页首随附 

   <link rel="stylesheet" type="text/css" href="StyleSheet.css"/> </head> <body  runat="server">
 <form id="form1" runat="server" >    <div>

<asp:label  ID="heading" runat="server" text="Validation  Form"></asp:label>    <table>    <tr>
   <td class="deslabel">Name</td>
   <td><asp:TextBox Id="name" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>   <tr>
   <td class="deslabel">Password</td>
  <td> <asp:TextBox Id="password" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>    <tr>
   <td class="deslabel">Repassword</td>
  <td> <asp:TextBox Id="repassword" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>    <tr>
   <td class="deslabel">E-Mail ID</td>
   <td><asp:TextBox Id="email" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>        
     <tr >
         <td class="deslabel">Mobile Number</td>
      <td>  <asp:TextBox Id="mobile" CssClass="destext" class="groupName" runat="server" MaxLength="10" ></asp:TextBox></td>
     </tr>
      <tr >
         <td class="deslabel">Gender</td>
       <td>
    <asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal">
    <asp:ListItem Text="Male" Value="Male" />
    <asp:ListItem Text="Female" Value="Female" />
    </asp:RadioButtonList>
    <p></p>
    </td>
     </tr>
     <tr align="center">   
       <td colspan="2">  <asp:Button ID="Button1"  CssClass="destext"          OnClientClick="value" runat="server" Text="submit"/></td> 

         </tr>
         </table>    </div>
 </form> </body> </html>
aspx必须发送头来设置mime类型：

   <link rel="stylesheet" type="text/css" href="StyleSheet.css"/> </head> <body  runat="server">
 <form id="form1" runat="server" >    <div>

<asp:label  ID="heading" runat="server" text="Validation  Form"></asp:label>    <table>    <tr>
   <td class="deslabel">Name</td>
   <td><asp:TextBox Id="name" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>   <tr>
   <td class="deslabel">Password</td>
  <td> <asp:TextBox Id="password" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>    <tr>
   <td class="deslabel">Repassword</td>
  <td> <asp:TextBox Id="repassword" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>    <tr>
   <td class="deslabel">E-Mail ID</td>
   <td><asp:TextBox Id="email" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>        
     <tr >
         <td class="deslabel">Mobile Number</td>
      <td>  <asp:TextBox Id="mobile" CssClass="destext" class="groupName" runat="server" MaxLength="10" ></asp:TextBox></td>
     </tr>
      <tr >
         <td class="deslabel">Gender</td>
       <td>
    <asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal">
    <asp:ListItem Text="Male" Value="Male" />
    <asp:ListItem Text="Female" Value="Female" />
    </asp:RadioButtonList>
    <p></p>
    </td>
     </tr>
     <tr align="center">   
       <td colspan="2">  <asp:Button ID="Button1"  CssClass="destext"          OnClientClick="value" runat="server" Text="submit"/></td> 

         </tr>
         </table>    </div>
 </form> </body> </html>

<% response.ContentType="text/javascript" %>
 $(document).ready(function(){ ...
在JS文件中

你在html页面中包含JS文件了吗？我在html页面中找不到它，我包含了Jscript.JS文件。。。 
   <link rel="stylesheet" type="text/css" href="StyleSheet.css"/> </head> <body  runat="server">
 <form id="form1" runat="server" >    <div>

<asp:label  ID="heading" runat="server" text="Validation  Form"></asp:label>    <table>    <tr>
   <td class="deslabel">Name</td>
   <td><asp:TextBox Id="name" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>   <tr>
   <td class="deslabel">Password</td>
  <td> <asp:TextBox Id="password" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>    <tr>
   <td class="deslabel">Repassword</td>
  <td> <asp:TextBox Id="repassword" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>    <tr>
   <td class="deslabel">E-Mail ID</td>
   <td><asp:TextBox Id="email" CssClass="destext" runat="server" ></asp:TextBox></td>    </tr>        
     <tr >
         <td class="deslabel">Mobile Number</td>
      <td>  <asp:TextBox Id="mobile" CssClass="destext" class="groupName" runat="server" MaxLength="10" ></asp:TextBox></td>
     </tr>
      <tr >
         <td class="deslabel">Gender</td>
       <td>
    <asp:RadioButtonList ID="RadioButtonList1" runat="server" RepeatDirection="Horizontal">
    <asp:ListItem Text="Male" Value="Male" />
    <asp:ListItem Text="Female" Value="Female" />
    </asp:RadioButtonList>
    <p></p>
    </td>
     </tr>
     <tr align="center">   
       <td colspan="2">  <asp:Button ID="Button1"  CssClass="destext"          OnClientClick="value" runat="server" Text="submit"/></td> 

         </tr>
         </table>    </div>
 </form> </body> </html>