How to access master page form tag id in child page

Question

0.00/5 (No votes)

See more:

hi friends

i have one master page in which i have taken 1 form tag
like

ASP.NET

<form id="form1" runat="server"> </form>

and i want to use validation engine of jquery which is only applicable on form tag
So i want this id to be available in my child page so that i can use it.
like

JavaScript

$(document).ready(function() {
           $("#form1").validationEngine('attach');
       });

so please help me to resolve this issue...
thanks in advance

Posted 29-May-12 2:11am

preet88

Updated 29-May-12 5:12am

Sandeep Mewara

v4

Add a Solution

4 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)

Fazal Abu · Answer 1 · 2012-07-29T19:26:00

Hi guys I too was facing the same problem, finally i got the solution.
Just copy the below code and paste it in the child page's header content.

XML

<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery('#' + '<%=Master.FindControl("form1").ClientID %>').validationEngine();
    });
</script>

**Zoltán Zörgő** · Answer 2 · 2012-05-29T05:22:00

Solution 1

In general master page and child page are rendered together. At the end (the point where all DOM is ready, and your jquery statement runs) you will have both as html code. Look at the generated source in IE and see how the master page form's ID looks like. Use that ID if it is not changing, or the generated one. See: http://msdn.microsoft.com/en-us/library/system.web.ui.control.uniqueid.aspx[^]

Posted 29-May-12 5:22am

Zoltán Zörgő

Comments

preet88 29-May-12 13:32pm

i have tried that client id as well but not able to access
however without doing so in simple page i.e without master page is working well
So please if you can provide me the way to access that then it'll be great!!!
i've tried using this code '<%=form1.ClientId%>' to have client id in document ready

Rahul Rajat Singh 30-May-12 1:14am

are you not missing a # in the jQuery selector. since if you need to select using ID we need to use # too.

Rahul Rajat Singh · Answer 3 · 2012-05-29T19:13:00

Solution 2

The ID of the form might be different than what you are using. you are using the server side id of the control use this instead:

JavaScript

$(document).ready(function() {
            $('#=<%form1.ClientID%>').validationEngine('attach');
        });

Posted 29-May-12 19:13pm

Rahul Rajat Singh

TanvirRaihan · Answer 4 · 2012-05-29T20:04:00

In HTML view there is no difference in master page or child page, all are rendered as a single page. So you can access the master page control from js.

While using the <%= xx.ClintID%> tag you need to put it in aspx page. It may not work in a separate js file.

Now as you are saying that <%= xx.ClintID%> is not working... I think you are putting the code in either child controls aspx page or in a separate js file.
In case of child.aspx page form1.ClientID will not work, because form1 is not accessible from child control.

I can sujjest that you keep a js variable in master pages's aspx file like....
var myFormID = '<%= form1.ClientID%>';

and in child page you use ...
$(document).ready(function() {
$('#'+myFormID ).validationEngine('attach');
});

Hope this will work

How to access master page form tag id in child page

4 solutions

Solution 4

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0