Groups | Blog | Home
all groups > asp.net webcontrols > june 2004 >

asp.net webcontrols : Maxlength property NOT working for a multiline textbox in an UserControl


Sujith
6/10/2004 5:04:58 PM
Hi...

I have an aspx file which has usercontrols included in it
The structure is something like this .

A UserControl OrderEntrryDetails.ascx has a textbox with multiline property and maxlenghth set to 255
The OrderEntrryDetails.ascx is embedded into another usercontrol named CheckOutControl.ascx
The CheckOutControl.ascx is finally included in the aspx page named Checkout.aspx

If I am not wrong,the Maxlength property NOT working for the multiline textbox in an UserControl is a Known issue

I have not been into to more of web development
But I am pretty much sure that this isuue can be tackled by using Javascript
But I am not sure where the javascript has to be embedded to refer the textbox in OrderEntrryDetails.ascx
Any feedbacks would be highly appreciated
It would be very kind of you if you could provide me with a code snippet explaining the above

Regards
Sujit


---
sub NO[at]SPAM pox.nl
6/11/2004 5:10:20 AM
Put this in your ascx (it's also possible to put the javascript part
in your aspx, that's up to you.

<SCRIPT>
function CheckLength(TargetObject){
LenString = TargetObject.value.length;
if (LenString > 100){
TargetObject.value = TargetObject.value.substring(0,100);
}
}

</SCRIPT>

<asp:TextBox id="boodschap" onkeydown="CheckLength(this)"
onblur="CheckLength(this)" onkeyup="CheckLength(this)" runat="server"
Width="192px" Height="110px" onchange="CheckLength(this)"
MaxLength="100"
Font-Names="Verdana" Font-Size="12px"
TextMode="MultiLine"></asp:TextBox>

Good luck
Peter



[quoted text, click to view]
Bob Lehmann
6/11/2004 10:20:05 AM
It may be known, but it's not an issue. A multiline textbox generates an
HTML <textarea> which has no maxlength attribute.

You will have to do as T-Bone suggested and check the length
programmatically.

Bob Lehmann

[quoted text, click to view]

Sujith
6/11/2004 10:50:35 AM
Hi Peter..

Thanks a lot for the help
I did make use of the code snippet in my usercontrol
I am yet facing a strange problem out here
The TargetObject returns a nul
The error message is "document.forms.0.myForm1.tbxNotesToVendor is null or not an object"
I am attaching the ascx HTML file for ur reference

Regards
Sujit

<%@ Control Language="c#" AutoEventWireup="false" Codebehind="OrderEntryDetails.ascx.cs" Inherits="Adecco.Commerce.Controls.OrderEntryDetails" targetSchema="http://schemas.microsoft.com/intellisense/ie5"%

<SCRIPT language="javascript"
function CheckLength(TargetObject

alert(TargetObject.value)
LenString = TargetObject.value.length
if (LenString > 255

TargetObject.value = TargetObject.value.substring(0,255)


</SCRIPT

<table cellSpacing="0" cols="2" cellPadding="0" width="100%"
<tr
<td colSpan="2"><span id="OrderSubmissionDetailsLabel"></span></td
</tr
<tr
<td class="stdWarningSmall" colSpan="2"><asp:literal id="lblErrorMessage" runat="server"></asp:literal></td
</tr
<tr
<td colSpan="2"
<table class="stdCleanDataTable" cellSpacing="0" cols="3" cellPadding="4" width="100%"
<tr
<td class="stdTextLabel" colSpan="3"><asp:literal id="lblSubmitForEmail" runat="server"></asp:literal></td
</tr
<tr
<td colSpan="3"><asp:textbox id="tbxSubmitForEmail" runat="server" Width="300" OnTextChanged="OnSubmitEmailChange"></asp:textbox></td
</tr
<tr class="stdTextLabel"
<td><asp:literal id="lblSubmitForFirstName" runat="server"></asp:literal></td
<td><asp:literal id="lblSubmitForMiddleName" runat="server"></asp:literal></td
<td><asp:literal id="lblSubmitForLastName" runat="server"></asp:literal></td
</tr
<tr
<td><asp:textbox id="tbxSubmitForFirstName" runat="server"></asp:textbox></td
<td><asp:textbox id="tbxSubmitForMiddleName" runat="server"></asp:textbox></td
<td><asp:textbox id="tbxSubmitForLastName" runat="server"></asp:textbox></td
</tr
<tr class="stdTextLabel"
<td><asp:literal id="lblCostCenter" runat="server"></asp:literal></td
<td colSpan="2"><asp:literal id="lblSubmitForPhone" runat="server"></asp:literal></td
</tr
<tr
<td><asp:textbox id="tbxCostCenter" runat="server" OnTextChanged="OnCostCenterChange"></asp:textbox></td
<td colSpan="2"><asp:textbox id="tbxSubmitForPhone" runat="server"></asp:textbox></td
</tr
<tr
<td class="stdTextLabel" colSpan="3"><asp:literal id="lblApprovalManager" runat="server"></asp:literal></td
</tr
<tr
<td colSpan="3"><asp:dropdownlist id="drpApprovalManager" runat="server" Width="300"></asp:dropdownlist></td
</tr
<tr
<td class="stdTextLabel" colSpan="3"><asp:literal id="lblMACNumber" runat="server"></asp:literal></td
</tr
<tr
<td colSpan="3"><asp:textbox id="tbxMACNumber" runat="server" Width="300" MaxLength="49"></asp:textbox></td
</tr
<tr
<td class="stdTextLabel" colSpan="3"><asp:literal id="lblShippingMethods" runat="server"></asp:literal></td
</tr
<tr
<td colSpan="3"><asp:dropdownlist id="drpShippingMethods" runat="server" Width="300"></asp:dropdownlist></td
</tr
<tr
<td class="stdTextLabel" colSpan="3"><asp:literal id="lblNotesToManager" runat="server"></asp:literal></td
</tr
<tr
<td colSpan="3"><asp:textbox id="tbxNotesToManager" runat="server" MaxLength="255" TextMode="MultiLine" width="100%" height="75px"></asp:textbox></td
</tr
<tr
<td class="stdTextLabel" colSpan="3"><asp:literal id="lblNotesToVendor" runat="server"></asp:literal></td
</tr
<tr
<td onkeydown="javascript:CheckLength(this)" onkeyup="javascript:CheckLength(this)" colSpan="3"><asp:textbox id="tbxNotesToVendor" runat="server" MaxLength="255" TextMode="MultiLine" width="100%" height="75px"></asp:textbox></td
</tr
</table
</td
</tr
</table
<br
<table cellSpacing="0" cols="2" cellPadding="0" width="100%"
<tr
<td><span id="DeliveryInformationLabel"></span></td
<td vAlign="bottom" align="right"><IMG src="Skins/SectionHide.jpg" onload="RegisterListener( this, 'shipperDetails', 'on' )" name="toggleShipping">
</td>
</tr>
<tr id="shipperDetails">
<td colSpan="2">
<table class="stdCleanDataTable" cellSpacing="0" cols="3" cellPadding="4" width="100%">
<tr class="stdTextLabel">
<td><asp:literal id="lblDeliveryContactName" runat="server"></asp:literal></td>
<td colSpan="2"><asp:literal id="lblDeliveryContactPhone" runat="server"></asp:literal></td>
</tr>
<tr>
<td><asp:textbox id="tbxDeliveryContactName" runat="server" Width="200px"></asp:textbox></td>
<td colSpan="2"><asp:textbox id="tbxDeliveryContactPhone" runat="server" Width="200px"></asp:textbox></td>
</tr>
<tr>
<td class="stdTextLabel" colSpan="3"><asp:literal id="lblDeliveryAddressName" runat="server"></asp:literal></td>
</tr>
<tr>
<td colSpan="3"><asp:textbox id="tbxDeliveryAddressName" runat="server" Width="200px"></asp:textbox></td>
</tr>
<tr>
<td class="stdTextLabel" colSpan="3"><asp:literal id="lblDeliveryAddressLine1" runat="server"></asp:literal></td>
</tr>
<tr>
<td colSpan="3"><asp:textbox id="tbxDeliveryAddressLine1" runat="server" Width="200px"></asp:textbox></td>
</tr>
<tr>
<td class="stdTextLabel" colSpan="3"><asp:literal id="lblDeliveryAddressLine2" runat="server"></asp:literal></td>
</tr>
<tr>
<td colSpan="3"><asp:textbox id="tbxDeliveryAddressLine2" runat="server" Width="200px"></asp:textbox></td>
</tr>
<tr>
<td class="stdTextLabel" colSpan="3"><asp:literal id="lblDeliveryAddressLine3" runat="server"></asp:literal></td>
</tr>
<tr>
<td colSpan="3"><asp:textbox id="tbxDeliveryAddressLine3" runat="server" Width="200px"></asp:textbox></td>
</tr>
<tr class="stdTextLabel">
<td><asp:literal id="lblDeliveryCity" runat="server"></asp:literal></td>
<td><asp:literal id="lblDeliveryState" runat="server"></asp:literal></td>
<td><asp:literal id="lblDeliveryZipcode" runat="server"></asp:literal></td>
</tr>
<tr>
<td><asp:textbox id="tbxDeliveryCity" runat="server" Width="200px"></asp:textbox></td>
<td><asp:textbox id="tbxDeliveryState" runat="server" Width="50px"></asp:textbox></td>
<td><asp:textbox id="tbxDeliveryZipcode" runat="server" Width="100px"></asp:textbox></td>
</tr>
<tr>
<td class="stdTextLabel" colSpan="3"><asp:literal id="lblDeliveryCountry" runat="server"></asp:literal></td>
</tr>
<tr>
<td colSpan="3"><asp:textbox id="tbxDeliveryCountry" runat="server" Width="50px"></asp:textbox></td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<br>


---
AddThis Social Bookmark Button