我无法调用外部 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/