here is the example of set the text box limit using javascript in asp.net
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Feedback Page</title>
<script language="JavaScript" type="text/javascript">
function CountText(field, maxlimit) {
if (field.disabled == false) {
if (field.value.length < maxlimit) // if too long...trim it!
{
return true;
}
else
return false;
}
}
function fnKeepWordLenTrack(keyevnt, field, maxlimit) {
var txtRemLen = document.getElementById("txtRemLen");
txtRemLen.value = maxlimit - field.value.length;
if (field.value.length > maxlimit)
field.value = field.value.substr(0, maxlimit);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
Please Enter Your Feedback in no more than 6000 alphabets<br />
<asp:TextBox ID="txtFeedback" runat="server" autocomplete="off" Height="198px"
MaxLength="6000" onblur="return fnKeepWordLenTrack(event,this,6000);"
onkeypress="return CountText(this,6000);"
onkeyup="return fnKeepWordLenTrack(event,this,6000);" TextMode="MultiLine"
Width="65%" BackColor="#D7EBFF"></asp:TextBox>
</div>
<p>
<input id="txtRemLen" maxlength="4" name="remLen" readonly="readonly" size="4"
style="width: 41px; height: 22px;" type="text" />
<asp:Label
ID="lblAlphabetsLeft" runat="server" Font-Size="10pt"
Text="alphabets left"></asp:Label>
</p>
</form>
</body>
</html>
No comments:
Post a Comment