external javascript in master page

Question

0.00/5 (No votes)

See more:

in external javascript file calling a asp textbox control is not working in master page.
for eg this is my code in external js file

JavaScript

function name_valid()
 {
  var a=document.getElementById("name_box");
  if(a==null || a=="")
  {
   alert('Enter the name');
  }

  var b=document.getElementById("dob_box");
  if( b==null || b=="")
  {
   alert('Enter the Date Of Birth');

  }
 }

content page: content place holder(head):

ASP.NET

<script  src="valid.js" type="text/javascript" language="javascript"  ></script>
contentplaceholder1:

<asp:TextBox ID="name_box" runat="server" >

<asp:Textbox Id="dob_box" runat="server">

<asp:Button ID="submit_button" runat="server" Text="Submit" OnClientClick="name_valid()"/>

here javascript executes the the statement "alert('Enter the name')" even the "name_box" textbox is empty or some name is entered in it kindly help me to solve this problem

Posted 10-Jan-12 2:02am

sarathysarathy

Updated 10-Jan-12 2:08am

Not Active

v2

Add a Solution

2 solutions

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)

Not Active · Answer 1 · 2012-01-10T02:13:00

Solution 1

Keep in mind the ASP.NET will mangle the control's ID, especially when in containers such as content placeholders used for Masterpages. Look at the actual rendered output and you will see this control is actually something like ctrl001_name_box.

You would be better off, IMO, using Jquery and doing something like this

JavaScript

var name_box = $("[id$='name_box']");

This will find the element whose id attribute ends with name_box, regardless of how many prefixes ASP.NET adds.

Posted 10-Jan-12 2:13am

Not Active

Comments

sarathysarathy 10-Jan-12 8:24am

Kindly help me in solving this using external javascript.

fjdiewornncalwe 10-Jan-12 9:59am

Mark has told you how to do it. It is up to you to try, not for us to do it for you by providing the code. This is a very basic asp.net issue and you will learn the most by trying yourself based on the information given.

madan b · Answer 2 · 2012-01-10T03:28:00

Solution 2

try to add the attribute ClientIDMode="Static" to your textbox's it may work fine.

Posted 10-Jan-12 3:28am

madan b

Comments

[no name] 10-Jan-12 10:59am

This property is only available in 4.0 and above.