javascript in content page of asp.net is not working

Question

hello all,

i am having a problem.When i was working in an application without master page and content page, javascript was working finely.But later i needed to use mastr paga in my project.After using master page, javascripts is giving error on call of the function.
error is like below.

"Microsoft JScript runtime error: 'document.getElementById(...)' is null or not an object"

how should i put the javascript in content page.

please help as soon as possible.

thanking you
anu

Shankey · Answer

Hi Ruchi R, You can get server control using document.getElementById(' ') Plz mark my answer as accepted if it helped you. :) following is u r code which is now working fine //Here is your master page Untitled Page .menu { font-family:Verdana; color:Fuchsia; font-size:12px; padding-left:5px; padding-right:5px; } .menu:hover { color:Blue; } Create Provider Create MusicLevel Add Singer Add Language Add Music Category //Here is your content page CodeFile="contentpage.aspx.cs" Inherits="contentpage" Title="Untitled Page" %> function validate() { if (document.getElementById(" ").value == "") { alert("Please enter the provider name"); document.getElementById(" ").focus(); return false; } if (document.getElementById(" ").value == "") { alert("Please enter the Address"); document.getElementById(" ").focus(); return false; } if (document.getElementById(" ").value.search(/\d{3}\-\d{3}\-\d{4}/) == -1) { alert("Please enter the valid Phone number eg:(xxx-xxx-xxxx)."); document.getElementById(" ").focus(); return false; } } function cleartext() { document.getElementById(" ").value = ""; document.getElementById(" ").value = ""; document.getElementById(" ").value = ""; } CREATE PROVIDER : Provider Name : Address : Contact Number : runat="server" onclick="cleartext()" />

Shankey · Answer

Hi please provide your master page and content page. This will help me in finding where you are getting "Microsoft JScript runtime error: 'document.getElementById(...)' is null or not an object"

Ruchi R · Answer

here is my content page and master page. javascript is not working at all after using master page. before using master page the same javascript was working finely. Code for master page.aspx is like below @ Master Language ="C#" AutoEventWireup ="true" CodeFile ="MasterPage.master.cs" Inherits ="MasterPage" %> 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 > style type ="text/css"> .menu { font-family : Verdana ; color : Fuchsia ; font-size : 12px ; padding-left : 5px ; padding-right : 5px ; } .menu:hover { color : Blue ; } style > asp : ContentPlaceHolder id ="head" runat ="server"> asp : ContentPlaceHolder > head > body > form id ="form1" runat ="server"> div > table align ="left"> tr > td class ="menu"> a href ="Provider.aspx"> Create Provider a > td > td class ="menu"> a href ="musiclevel.aspx"> Create MusicLevel a > td > td class ="menu"> a href ="SingerInfo.aspx"> Add Singer a > td > td class ="menu"> a href ="Language.aspx"> Add Language a > td > td class ="menu"> a href ="MusicCategory.aspx"> Add Music Category a > td > tr > tr > td style =" height : 5px ; "> td > tr > table > asp : ContentPlaceHolder id ="ContentPlaceHolder1" runat ="server"> asp : ContentPlaceHolder > div > form > body > html > code for contentpage.aspx is like below: @ Page Language ="C#" MasterPageFile ="~/MasterPage.master" AutoEventWireup ="true" CodeFile ="Provider.aspx.cs" Inherits ="Provider" %> asp : Content ID ="Content1" ContentPlaceHolderID ="head" Runat ="Server"> asp : Content > asp : Content ID ="Content2" ContentPlaceHolderID ="ContentPlaceHolder1" Runat ="Server"> script type ="text/javascript" language ="javascript"> function validate() { if (document.getElementById( "txtpName" ).value == "" ) { alert( "Please enter the provider name" ); document.getElementById( "txtpName" ).focus(); return false ; } if (document.getElementById( "txtaddress" ).value == "" ) { alert( "Please enter the Address" ); document.getElementById( "txtaddress" ).focus(); return false ; } if (document.getElementById( "txtcontactno" ).value.search(/\d{3}\-\d{3}\-\d{4}/) == -1) { alert( "Please enter the valid Phone number eg:(xxx-xxx-xxxx)." ); document.getElementById( "txtcontactno" ).focus(); return false ; } } function cleartext() { document.getElementById( "txtpName" ).value = "" ; document.getElementById( "txtaddress" ).value = "" ; document.getElementById( "txtcontactno" ).value = "" ; } script > link rel ="Stylesheet" href ="StyleSheet.css" type ="text/css" /> table border ="0" width ="750px" style =" text-align : left ; " class ="table"> tr > td colspan ="2" align ="left"> span style =" font-size : 11px ; font-family : Verdana" id ="Span1" runat ="server"> b > CREATE PROVIDER : b > span > td > tr > tr > td class ="lbl"> Provider Name : td > td > input class ="txtbox" id ="txtpName" type ="text" name ="txtpName" runat ="server" /> td > tr > tr > td class ="lbl"> Address : td > td > input class ="txtbox" id ="txtaddress" type ="text" name ="txtaddress" runat ="server" /> td > tr > tr > td class ="lbl"> Contact Number : td > td > input class ="txtbox" id ="txtcontactno" type ="text" name ="txtcontactno" runat ="server" /> td > tr > tr > td colspan ="2" class ="lbl"> input class ="btnColor" id ="btnSave" type ="Submit" name ="btnSave" value ="Save" runat ="server" onserverclick ="btnSave_Click" /> input class ="btnColor" id ="btnclear" type ="Button" name ="btnclear" value ="Clear" runat ="server" onclick ="cleartext()" /> td > tr > tr > td colspan ="2" align ="center" class ="td-fontcolor"> asp : Label ID ="lblmsg" runat ="server"> asp : Label > td > tr > table > asp : Content >