ReferenceError: $ is not defined on jquery.are-you-sure.js

Question

I am a beginner in jquery I have test.aspx page :

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>
<script  type="text/javascript" src="jquery-1.8.2.min"></script>
<script  type="text/javascript" src="jquery.are-you-sure.js"></script>
    <script>
     $(function () {
            $('form').areYouSure();
            $('form').areYouSure({ 'message': 'Your profile details are not saved!' });
     });
        </script>
<html xmlns="http://www.w3.org/1999/xhtml">
     <!DOCTYPE html>

<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click"/>
    </div>
    </form>
</body>
</html>

I get error:

ReferenceError: $ is not defined (Line #5)

I am tired to find the solution.

Most likely the specified .js files are not in the location you indicated. You need to provide the correct path to them. And for goodness' sake, the ` — JLRishe, Jun 18 '14 at 11:30

score 0 · Accepted Answer · answered Jun 18 '14 at 11:15

0

The error suggesting that you don't have jquery-1.8.2.min file at the same label where your page is.

Like suppose you have file test.aspx on root folder then your script file should on root.

And if you script file is inside a folder then you need to specify the folder name

 <script  type="text/javascript" src="yourFolder/jquery-1.8.2.min"></script>

answered Jun 18 '14 at 11:15

शेखर

17,412
13
61
117

thanks .. i missing file name – Mohamad Mahmoud Darwish Jun 18 '14 at 11:29

Mohamad Mahmoud Darwish · Answer 2 · 2017-03-11T13:18:14.530

0

I update the code, I was missing folder name. jquery.are-you-sure.js plugin run correctly now

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>

<!DOCTYPE html>    
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Test</title>

    <script  type="text/javascript" src="Scripts/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="JS/jquery.are-you-sure.js"></script>
    <script type="text/javascript" >
        $(function () {
            $('form').areYouSure();
            $('form').areYouSure({ 'message': 'Your profile details are not saved!' });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <asp:TextBox ID="TextBox1" runat="server"/>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click"/>
    </form>
</body>
</html>

edited Mar 11 '17 at 13:18

answered Jun 18 '14 at 11:32

Mohamad Mahmoud Darwish

3,865
9
51
76

Your HTML is still a complete mess. Did you read my comment? – JLRishe Jun 18 '14 at 11:34
yes JLRishe i read your comments ..my code run correctly .. i get from web console "Use of getPreventDefault() is deprecated. Use defaultPrevented instead." – Mohamad Mahmoud Darwish Jun 18 '14 at 11:42
1

Sounds like that library is using outdated APIs. But that's a separate matter. Even if your code runs correctly, you should still fix your HTML. It's all messed up. – JLRishe Jun 18 '14 at 11:45
@JLRishe yes thanks.. – Mohamad Mahmoud Darwish Mar 18 '17 at 11:34

ReferenceError: $ is not defined on jquery.are-you-sure.js

2 Answers2