javascript - 无法调用外部jquery文件

标签 javascript jquery asp.net

我无法调用外部 jquery 文件。同一 aspx 页面中的代码可以正常工作,但外部 js 不能正常工作。请帮忙-

我的aspx页面代码:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="loginvalidation.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js" type="text/javascript"></script>
    <script src="http://jquery.bassistance.de/validate/additional-methods.js" type="text/javascript"></script>
     <script src="JScript1.js" type="text/javascript"></script>

</head>
<body">
    <form id="form1" runat="server">
    <div>
    <table>
        <tr>
            <td>Username:</td>
            <td><asp:TextBox ID="txtUserName" runat="server"></asp:TextBox></td>
        </tr>
        <tr>
            <td>Password:</td>
            <td><asp:TextBox ID="txtPassword" runat="server"></asp:TextBox></td>
        </tr>
        <tr>
            <td>
                <asp:Button ID="Button1" runat="server" Text="Button" />
            </td>
        </tr>
    </table>
    </div>
    </form>
</body>
</html>

我的外部 jquery 代码:

$(document).ready(function() {
    $("#form1").validate({
        rules: {
            <%=txtUserName.ClientID %>: {
                required: true,
                email: true
            },
            <%=txtPassword.ClientID %>: {
                required: true,
                digits:true,
                minlength:10,
                maxlength:10
            }
        }, 
        messages: {
            <%=txtUserName.ClientID %>:{
                required: "* Required Field *"
            },
            <%=txtPassword.ClientID %>:{
                required:"* Required Field *"
            }
        }
    });
});

最佳答案

您必须替换<%=txtUserName.ClientID %><%=txtPassword.ClientID %>当您将脚本移动到外部 js 文件时生成的客户端 ID。

谢谢!

关于javascript - 无法调用外部jquery文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24607879/

相关文章:

javascript - 仅使用 HTML 和 Javascript 进行开发?

javascript - 如何在指令中设置 ng-model 的正确范围?

jquery - 如何通过从 $.ajax() 检索的 DOM 访问元素?

javascript - 绑定(bind)网页上的内部链接以动态加载,而不会增加分析跳出率

asp.net - 使用哪一个?数据库中的 EAV 或 Blob?

javascript - 我想通过 javascript 从窗口屏幕顶部获取底部 div 边距

javascript - 为每个单词定义一个宽度并自动组成一个标题

jquery - TypeError : $(. ..).tooltip 不是 webpack 的函数

css - 将非动态创建的控件放在动态创建的控件下方

c# - 提示对话框需要提示选项(参数 'options' )