Priya Bm

How to call javascript in content page

Jun 8 2015 1:02 AM

Hi,

I need to validate the asp controls, so i am using javascript.

How to call javascript function in asp.net content page.

Content page code

<%@ Page Title="" Language="C#" MasterPageFile="~/Common.master" AutoEventWireup="true" CodeFile="EmployeeLogin.aspx.cs" Inherits="EmployeeLogin" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

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

.button_example{

border:1px solid #7eb9d0; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;

background-color: #a7cfdf; background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));

background-image: linear-gradient(to bottom, #a7cfdf, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);

}

.button_example:hover{

border:1px solid #5ca6c4;

background-color: #82bbd1; background-image: -webkit-gradient(linear, left top, left bottom, from(#82bbd1), to(#193b61));

background-image: linear-gradient(to bottom, #82bbd1, #193b61);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#82bbd1, endColorstr=#193b61);

}

.auto-style2 {

width: 123px;

height: 39px;

}

.auto-style3 {

height: 39px;

}

</style>

<tr>

<td>

<asp:Label ID="Label2" runat="server" Text="Welcome to HICAL" style= Font-Size="X-Large" ForeColor="#000066" Font-Names="Harrington"></asp:Label>

</td>

</tr>

</table>

<tr>

<td>

<asp:Label ID="Label1" runat="server" Text="Start with YOUR INDUCTION!!" style= Font-Size="X-Large" ForeColor="#000066" Font-Names="Harrington"></asp:Label>

</td>

</tr>

</table>

<tr>

<asp:label runat="server" text="Employee ID" Font-Names="Aparajita" Font-Size="X-Large" style="color: #000066; font-weight: 700"></asp:label>

</td>

<td>

<asp:TextBox ID="empid" runat="server" Width="160px"></asp:TextBox>

</td>

</tr>

<tr>

<asp:label runat="server" text="Password" Font-Names="Aparajita" Font-Size="X-Large" style="color: #000066; font-weight: 700"></asp:label>

</td>

<asp:TextBox ID="emppwd" runat="server" Width="160px" TextMode="Password">*</asp:TextBox>

</td>

</tr>

<tr>

<td>

<asp:Button ID="Login" runat="server" CssClass="button_example" Text="Enter" Width="89px" Height="30px" OnClick="Login_Click"/>

<asp:Button ID="Back" runat="server" CssClass="button_example" Text="Back" Width="89px" Height="30px" OnClick="Back_Click" />

</td>

</tr>

</table>

</div>

</asp:Content>

Master page

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Common.master.cs" Inherits="MasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html>

<head>

<title>Learning Management System</title>

body {

padding-left: 11em;

font-family: Aparajita;

color: white;

background-color:#9CBBF4;

height: 576px;

}

.auto-style1 {

width: 886px;

height: 417px;

}

</style>

</head>

<body>

<asp:Image ID="Image1" runat="server" ImageUrl="~/Images/LRMS Banner.jpg" Width="896px" Height="180px" />

<asp:contentplaceholder id="ContentPlaceHolder1" runat="server" >

</asp:contentplaceholder>

<tr>

<h6><p><b>Important:</b> This is a restricted access site and is intended for the exclusive use by employees of Hical Technologies Ltd. (Hical). Hical reserves all rights to the site and any violation or unauthorized access to the site will be dealt in accordance with the applicable laws.</p></h6>

<h6><p><b>Employees:</b> You are required to strictly abide by Hical Information and Security policies, especially in maintaining the confidentiality of your Hical ID and Password. Any unauthorized use, distribution or transmission of the contents of the site for public or commercial purposes is strictly prohibited. Any copies made from the site, whether hardcopy or electronic, must be handled with confidentiality and the use of such information shall be restricted only to the intended use. In the event of suspicion of a security breach or unauthorized access, it must be immediately reported to Hical IT Team. You agree to comply with applicable laws and regulations governing the use of computer and telecommunication technology. Violation may result in immediate loss of computer access privileges and disciplinary action by Hical. Any suspected criminal violation shall be reported to the appropriate regulatory and/or law enforcement agencies.</p></h6>

</div>

</td>

</tr>

</table>

</form>

</body>

</html>

Javascript code

function UserValidate()

{

var EmployeeID, Password

EmployeeID = document.getElementById("empid").value;

Password = document.getElementById("emppwd").value;

if (EmployeeID == '' && Password == '') {

alert("Please enter Employee ID and Password");

return false;

}

if (EmployeeID = '') {

alert("Please enter Employee ID");

return false;

}

if (Password = '') {

alert("Please enter Password");

return false;

}

return true;

}

What are the steps to call js file in content page. I am tried everything its not working. Pls help

Answers (3)

How to Increase item width in listview c#

How to use abstraction in window or web app in C#.net