We help IT Professionals succeed at work.

Finding Textbox in form view

Higgster
Higgster asked
on
466 Views
Last Modified: 2013-11-05
Hi,
    Am trying to find a Textbox in javascript named "TextBox1" in a formview "FormView1" so I can custom validate it, am using the following code but to no avail, I just recieve.

BC30451: Name 'TextBox1' is not declared.

Can anyone help on this, also if there's any good info on this subect out there somewhere, it's triped me up a few times now.

Thanks


<script type="text/javascript">
    function TestVal(source, args)
        {
        if (document.getElementById('<%=TextBox1.ClientID%>').value == '')
            {
            args.IsValid = false
            }
        }
                </script>

Open in new window

Comment
Watch Question

Commented:
do this in your function:
alert('<%=TextBox1.ClientID%>');
see what you get, then have a look in your page source where the textbpx should be, and this may give a better idea as to what is going on
You can also "View source" to see the exact name given to your control.

Author

Commented:
Thanks,

    The source code gives me a id="FormView1_TextBox1"

    I put that in place of 'TextBox1' but recieved an obect expected error
please send how you defined the textbox.. :)
I am asking this since it may be that the declaration of the textbox itseld is malformed

Author

Commented:
Here's all of it!

Thanks.
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
 
<!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>Untitled Page</title>
    <script type="text/javascript">
                    function TestVal(source, args)
                        
                        {
                        if (document.getElementById('TextBox1.ClientID').value == '')
                            {
                            args.IsValid = false
                            }
                        }
                </script>
 
</head>
<body>
    <form id="form1" runat="server">
    <div style="height: 356px">
    
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
            ConnectionString="<%$ ConnectionStrings:ConnectionString %>" 
            SelectCommand="SELECT * FROM [tblComments]"></asp:SqlDataSource>
        <br />
    
        <asp:FormView ID="FormView1" runat="server" DataKeyNames="ID" 
            DataSourceID="SqlDataSource1" Height="211px" Width="385px">
            <EditItemTemplate>
                ID:
                <asp:Label ID="IDLabel1" runat="server" Text='<%# Eval("ID") %>' />
                <br />
                JobNo:
                <asp:TextBox ID="JobNoTextBox" runat="server" Text='<%# Bind("JobNo") %>' />
                <br />
                UserName:
                <asp:TextBox ID="UserNameTextBox" runat="server" 
                    Text='<%# Bind("UserName") %>' />
                <br />
                DateTimeStamp:
                <asp:TextBox ID="DateTimeStampTextBox" runat="server" 
                    Text='<%# Bind("DateTimeStamp") %>' />
                <br />
                Comment:
                <asp:TextBox ID="CommentTextBox" runat="server" Text='<%# Bind("Comment") %>' />
                <br />
                <asp:LinkButton ID="UpdateButton" runat="server" CausesValidation="True" 
                    CommandName="Update" Text="Update" />
                &nbsp;<asp:LinkButton ID="UpdateCancelButton" runat="server" 
                    CausesValidation="False" CommandName="Cancel" Text="Cancel" />
            </EditItemTemplate>
            <InsertItemTemplate>
                JobNo:
                <asp:TextBox ID="JobNoTextBox" runat="server" Text='<%# Bind("JobNo") %>' />
                <br />
                UserName:
                <asp:TextBox ID="UserNameTextBox" runat="server" 
                    Text='<%# Bind("UserName") %>' />
                <br />
                DateTimeStamp:
                <asp:TextBox ID="DateTimeStampTextBox" runat="server" 
                    Text='<%# Bind("DateTimeStamp") %>' />
                <br />
                Comment:
                <asp:TextBox ID="CommentTextBox" runat="server" Text='<%# Bind("Comment") %>' />
                <br />
                <asp:LinkButton ID="InsertButton" runat="server" CausesValidation="True" 
                    CommandName="Insert" Text="Insert" />
                &nbsp;<asp:LinkButton ID="InsertCancelButton" runat="server" 
                    CausesValidation="False" CommandName="Cancel" Text="Cancel" />
            </InsertItemTemplate>
            <ItemTemplate>
                ID:
                <asp:Label ID="IDLabel" runat="server" Text='<%# Eval("ID") %>' />
                <br />
                JobNo:
                <asp:Label ID="JobNoLabel" runat="server" Text='<%# Bind("JobNo") %>' />
                <br />
                UserName:
                <asp:Label ID="UserNameLabel" runat="server" Text='<%# Bind("UserName") %>' />
                <br />
                DateTimeStamp:
                <asp:Label ID="DateTimeStampLabel" runat="server" 
                    Text='<%# Bind("DateTimeStamp") %>' />
                <br />
                <br />
                <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("Comment") %>'></asp:TextBox>
                <asp:Button ID="Button1" runat="server" Text="Button" />
                <asp:CustomValidator ID="CustomValidator1" runat="server" 
                    ClientValidationFunction="TestVal" ControlToValidate="TextBox1" 
                    ErrorMessage="CustomValidator" ValidateEmptyText="True">CustomValidator</asp:CustomValidator>
            </ItemTemplate>
        </asp:FormView>
    
    </div>
    </form>
</body>
</html>

Open in new window

Commented:
Try and reference it like this:
((TextBox)FormView1.FindControl("Textbox1")).ClientId

Author

Commented:
Thanks,

    where exactly do I put that, sorry Java's not that great.

Commented:
No need to apologise, i was once a beginner too.
Also, try and put that line in an alert() too and see what it comes out with. I havent tested this yet, but this is the syntax to cast as textbox and retrieve a control from a formview. The reason you cant access it, is because the control is nested within the formview

<script type="text/javascript">
    function TestVal(source, args)
        {
        if (document.getElementById('<%=((TextBox)FormView1.FindControl("Textbox1")).ClientId%>').value == '')
            {
            args.IsValid = false
            }
        }
</script>

Open in new window

Author

Commented:
OK, tried that. This time I wind up with:

    Compilation Error
    BC30108: 'TextBox' is a type and cannot be used as an expression.

cheers.
This one is on us!
(Get your first solution completely free - no credit card required)
UNLOCK SOLUTION

Author

Commented:
Thanks amazingwolf1, that works a treat.

    All I have to do now is workout how to find a control thats in a formview that's in a contentplaceholder!!

Thanks All

Commented:
I have tried that too.

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">
    <script type="text/javascript">
        document.getElementById("<%=divMain.ClientID%>").style.height = 400 + 'px';
    </script>

I still get the same error.

Gain unlimited access to on-demand training courses with an Experts Exchange subscription.

Get Access
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Empower Your Career
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Unlock the solution to this question.
Join our community and discover your potential

Experts Exchange is the only place where you can interact directly with leading experts in the technology field. Become a member today and access the collective knowledge of thousands of technology experts.

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.