Client Side Validations

[polydegmon]

I'm having a problem with client side validations. When i use the code below it breaks at line

14 "var vSearch = document.getElementById("txtSearch").value;" 

When i use a simple form with a form tag it works fine, and i have all the functions setup and working on another form.
But whenever i put anything into a contentplaceholder it bugs out like crazy. Does anyone know why this happens or if there is a solution that isn't not using master pages as that's not a option i have.

[HTML]
<%@ Page Language="C#" MasterPageFile="~/MasterPages/CallCenterMaster.master" AutoEventWireup="true" CodeFile="NewSearch.aspx.cs" Inherits="Call_Center_NewSearch" Title="Ticket Search" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server" >

<script language="javascript" type="text/javascript">

function validate()
{
submitOk = "true";


var vNoData = "No data entered.";

var vSearch = document.getElementById("txtSearch").value;

if (vSearch == "")
{

document.getElementById("txtError").value = vNoData;

submitOk = "false";
}

if (submitOk == "false")
{
return false;
}


}

</script>

<table class="Backround" id="tMainSearch" style="width: 461px">
<tr>
<td style="width: 106px; height: 196px">
<table style="position: relative; left: 0px; top: 0px; width: 417px;" id="tSearch" class="Table">
<tr>
<td style="width: 162px">
</td>
<td style="width: 87px">
</td>
<td style="width: 100px">
<asp:TextBox ID="txtSearchOption" runat="server" Style="position: relative"></asp:TextBox></td>
</tr>
<tr>
<td style="width: 162px">
<asp:Label ID="lblSearch" runat="server" Style="position: relative" Text="Search"></asp:Label></td>
<td style="width: 87px">
<asp:TextBox ID="txtSearch" runat="server" Style="position: relative"></asp:TextBox></td>
<td style="width: 100px">
</td>
</tr>
<tr>
<td style="width: 162px">
</td>
<td style="width: 87px">
<asp:Button ID="btnSearch" OnClientClick = "return validate()" runat="server" Style="position: relative" Text="Search" /></td>
<td style="width: 100px">
<asp:TextBox ID="txtError" runat="server" Style="position: relative"></asp:TextBox></td>
</tr>
</table>
</td>
</tr>
</table>

</asp:Content>

[/HTML]

[pbmods]

Heya, polydegmon. Welcome to TSDN!

We'd be able to help you a lot more efficiently if we knew what errors your script was generating ~_^

P.S., Changed thread title to better describe the problem (did you know that threads whose titles contain phrases such as, 'problem' actually get FEWER responses?).

[polydegmon]

Hi,

It gets to line 14 which is [HTML]var vSearch = document.getElementById("txtSearch").value;[/HTML]
and then does nothing else. I've tried putting in [HTML]alert("test");"[/HTML] to see just how far it goes and it never gets past line 14.

[pbmods]

Heya, polydegmon.

Does your code generate a JavaScript error, or does it just not do anything after that point?

[polydegmon]

Heya, polydegmon.

Does your code generate a JavaScript error, or does it just not do anything after that point?

It doesn't do anything. It should get the information from the textbox and place it in the scripted variable like it does on the forms but it just stops working and the warning message(icon) comes up at the bottom the the IE page. I figured out it was getting to that line and not working anymore by putting alert boxes in after every line and seeing when they stopped appearing. As for the exact error message it gives none.

[pbmods]

Heya, polydegmon.

What happens when you double-click on the warning icon?

[polydegmon]

Not much it loads to quick, but it's the general error i think like "error on page" or something like that.

[pbmods]

I'm stalling for time until someone with .NET experience notices this thread. Not working.

Ok. The problem that you have is that when your script calls validate(), it can't find an element whose ID is 'txtSearch'. As a result, you're probably getting an 'object expected' error, or in sane browsers, "document.getElementById('txtSearch') has no properties".

I'm not familiar enough with .NET to be able to help you out, but I will go ahead and grab a couple of Experts to see if we can't find you a solution.

[polydegmon]

Cheers, i've had the same problems looking for solutions to this myself, and usually people give a solution that uses a form rather than a master page with a contentplacehloder. :-p

[polydegmon]

I've eventually found the answer after a lot of fourm searching so here it is for anyone that has the same problem. You need to do it this way because when you use master pages each element gets uniquelly defined by the master page so this is the only way to get access to it(don't ask why haven't got a clue)

To assign the value when using master pages use :

var vSearch = document.getElementById("<%= txtSearch.ClientID %>");

To access the value use :

vSearch.value == "avalue";

[pbmods]

Heya, polydegmon.

Thanks for posting the solution!

Glad to hear you got it working! Good luck with your project, and if you ever need anything, post back anytime :)