• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 453
  • Last Modified:

Finding Textbox in form view

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

0
Higgster
Asked:
Higgster
  • 5
  • 4
  • 3
  • +1
1 Solution
 
aprestoCommented:
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
0
 
amazingwolf1Commented:
You can also "View source" to see the exact name given to your control.
0
 
HiggsterAuthor Commented:
Thanks,

    The source code gives me a id="FormView1_TextBox1"

    I put that in place of 'TextBox1' but recieved an obect expected error
0
Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
amazingwolf1Commented:
please send how you defined the textbox.. :)
0
 
amazingwolf1Commented:
I am asking this since it may be that the declaration of the textbox itseld is malformed
0
 
HiggsterAuthor 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

0
 
aprestoCommented:
Try and reference it like this:
((TextBox)FormView1.FindControl("Textbox1")).ClientId
0
 
HiggsterAuthor Commented:
Thanks,

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

0
 
aprestoCommented:
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

0
 
HiggsterAuthor 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.
0
 
amazingwolf1Commented:
Try this:

function TestVal(source, args)
        {
        if (document.getElementById('<%=FormView1.FindControl("Textbox1").ClientId%>').value == '')
            {
            args.IsValid = false
            }
        }
0
 
HiggsterAuthor 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
0
 
mbertuolCommented:
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.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 5
  • 4
  • 3
  • +1
Tackle projects and never again get stuck behind a technical roadblock.
Join Now