designlt Page Language34C34 AutoEventWireup34true34 CodeBehind34loginaspxcs34 Inherits34INSERTUPDATEDELETElogin34 gtltDOCTYPE html PUBLIC 34W3CDTD XHTML 10 TransitionalEN34 34httpwwww3orgTRxhtml1DTDxhtml1transitionaldtd34gtlthtml xmlns34httpwwww3org1999xhtml34gtlthead id34Head134 runat34server34gt lttitlegtUntitled Pagelttitlegt ltscript src34validationjs34

Hi smuthuCheck the folder structureIf your page is in a subfolder then useltscript src34validationjs34 type34textjavascript34gtelseltscript src34validationjs34 type34textjavascript34gtor adjust accordingly

Javascript function not working with external js file in ASP.Net

smuthu

SOLVED CLOSED ACTIVE ANSWERED
User: smuthu
Posted: on Oct 12, 2016 01:34 AM
Forum: JavaScript
Answer: 1
Views: 15747

design:

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

<!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 id="Head1" runat="server">
    <title>Untitled Page</title>
    <script src="../validation.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table align="center">
            <tr>
                <td>
                    USERNAME
                </td>
                <td>
                    <asp:TextBox ID="TextBox1" runat="server" Height="24px" Width="133px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                    PASSWORD
                </td>
                <td>
                    <asp:TextBox ID="TextBox2" runat="server" Height="22px" Width="133px"></asp:TextBox>
                </td>
            </tr>
            <tr>
                <td>
                </td>
                <td>
                    <asp:Button ID="btnSave" runat="server" Text="Insert" OnClick="btnSave_Click" OnClientClick="return isvaliduser();" />&nbsp;&nbsp;
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

validation.js

function isvaliduser() {
    if (document.getElementById("<%=TextBox1.ClientID%>").value == "") {
        alert("Name cannot be blank"); 
        document.getElementById("<%=TextBox1.ClientID%>").focus();
        return (false);
    }
}

dharmend...

0 1

Reply
User: dharmendr
Replied: on Oct 12, 2016 01:40 AM
Report

Hi smuthu,

Check the folder structure.

If your page is in a subfolder, then use

<script src="../validation.js" type="text/javascript"/>

else

<script src="validation.js" type="text/javascript"/>

or adjust accordingly.

smuthu

0 2

Reply
User: smuthu
Replied: on Oct 12, 2016 01:44 AM
Report

hai sir

thank you sir

i will try this method but not firing

dharmend...

0 3

Reply
ANSWER
User: dharmendr
Replied: on Oct 12, 2016 02:58 AM
Modified: on Oct 12, 2016 02:59 AM
Report

Hi smuthu,

Problem is with ClientID in external js file. Because it is a server code. You cannot run server code in a separate javascript file. Thats why it is not working.

Change with the below code.

function isvaliduser() {
    if (document.getElementById('TextBox1').value == "") {
        alert("Name cannot be blank");
        document.getElementById('TextBox1').focus();
        return (false);
    }
}

smuthu

0 4

Reply
User: smuthu
Replied: on Oct 12, 2016 03:09 AM
Report

very very thanks...........

one weak problem today solved

i like your post ..

dharmend...

0 5

Reply
User: dharmendr
Replied: on Oct 12, 2016 03:17 AM
Report

You are most welcome on this forum always.

Javascript function not working with external js file in ASP.Net

Company

Explore

Follow us

Contact Us