Javascript in seperate js file

Question

1.00/5 (1 vote)

See more:

Hi,
My JS code is not working if i give that in seperate file and working fine in the same file. Here is my code.

ASPX:

XML

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

<%@ Register src="TwoInstances.ascx" tagname="TwoInstances" tagprefix="uc1" %>

<!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>
</head>
<body>
    <form id="form1" runat="server">
        <div>
   <div style="float:left;width:20%;"><uc1:TwoInstances ID="TwoInstances1" runat="server" /></div>
   <div style="float:left;width:20%;"><uc1:TwoInstances ID="TwoInstances2" runat="server" /></div>
        </div>
         </form>
    <script type="text/javascript">
        function fnCheck() {
            var a = document.getElementById('<%=((TextBox)TwoInstances1.FindControl("txt_text")).ClientID%>').value;
            if (a == null || a == "")
                alert("Please enter some text");
            return false;
        }
        function fnCheck1() {
            var b = document.getElementById('<%=((TextBox)TwoInstances2.FindControl("txt_text")).ClientID%>').value;
    if (b == null || b == "")
        alert("Please enter some text");
    return false;
}
    </script>
   <%-- <script src="Scripts/TextJS.js" type="text/javascript"></script>--%>
    </body>
</html>

ASPX.CS:

XML

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class TwoInstances : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        Button btnSubmit1 = (Button)TwoInstances1.FindControl("btn_submit");
        btnSubmit1.Attributes.Add("onClick", "fnCheck()");
        btnSubmit1.Click += new EventHandler(btnSubmit1_Click);
        Button btnSubmit2 = (Button)TwoInstances2.FindControl("btn_submit");
        btnSubmit2.Attributes.Add("onClick", "fnCheck1()");
        btnSubmit2.Click += new EventHandler(btnSubmit2_Click);
    }
  
   void btnSubmit1_Click(object sender, EventArgs e)
    {
        ((TextBox)TwoInstances2.FindControl("txt_text")).Text += ((TextBox)TwoInstances1.FindControl("txt_text")).Text;

    }
   
   void btnSubmit2_Click(object sender, EventArgs e)
    {
        ((TextBox)TwoInstances1.FindControl("txt_text")).Text += ((TextBox)TwoInstances2.FindControl("txt_text")).Text;
    }
  }

If i give the same javascript code in seperate file it is not working. Can anyone plz
give me the solution for this.

Posted 3-Nov-15 20:31pm

Member 11069263

Add a Solution

Comments

Sergey Alexandrovich Kryukov 4-Nov-15 2:36am

You did not show how you used separate file.
—SA

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

**Debojyoti Saha** · Answer 1 · 2015-11-03T20:45:00

Solution 1

You can't use server side code into a separate JS file

JavaScript

'<%=((TextBox)TwoInstances1.FindControl("txt_text")).ClientID%>'

Solution:
create function with parameter into a JS file

JavaScript

function fnCheck(a) {....}

and call the function from aspx page like

JavaScript

<script>
fnCheck('<%=((TextBox)TwoInstances1.FindControl("txt_text")).ClientID%>');
</script>

Posted 3-Nov-15 20:45pm

Debojyoti Saha

Comments

Member 11069263 4-Nov-15 3:08am

I tried like that also. It is giving validation even if i enter the text also.