Solved

Problem in OnKeyDown

Posted on 2011-03-24
8
270 Views
Last Modified: 2012-06-21
Hi

I have a textbox

<asp:TextBox ID = "txtMultilineTextBox" runat = "server"></asp:TextBox>

On Key down event I have written following code.

 
var txtMultilineTextBox = document.getElementById("<%=txtMultilineTextBox.ClientID %>");        
alert(txtMultilineTextBox.value.length);

When II press space on the textbox for the first time I am getting alert with value 0 when I press space again I got 1. Why is the first time I am getting the length of textbox as zero.


Regards
Karan
0
Comment
Question by:KaranGupta
8 Comments
 
LVL 19

Expert Comment

by:Rikin Shah
ID: 35204942
Change the event to OnKeyPress/OnKeyUp and check

~ Mrugesh
0
 
LVL 20

Expert Comment

by:Proculopsis
ID: 35205009

>>>I am getting alert with value 0 when I press space again I got 1. Why is the first time I am getting the length of textbox as zero.

It's because in this event handler the effect of the key press has not yet been applied to the input field.


0
 

Author Comment

by:KaranGupta
ID: 35205153
Hi rikin_shah:

I can't use on key up. The main reason is I am implementing character count thing in JavaScript so if I move my code to onkeyup and press the key without pressing up then it will not count character.

Proculopsis:

What is the solution for that
0
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 
LVL 40

Expert Comment

by:gurvinder372
ID: 35205231
use onkeypress event. It will be triggered after the text is entered in the textbox.

0
 
LVL 20

Accepted Solution

by:
Proculopsis earned 250 total points
ID: 35205242

Try something like this if you want a count/limit:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_26908183.html</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

jQuery(document).ready( function() {

  $("#text").keyup( function() {
    var maximumLength = 9;
    if ( $(this).val().length > maximumLength ) $(this).val( $(this).val().substring( 0, maximumLength ) );
    $("#count").text( $(this).val().length );
  });
 
});

</script>
</head>
<body>

<input id="text" />

Count: <span id="count">0</span>/9

</body>
</html>

Open in new window

0
 
LVL 29

Expert Comment

by:Badotz
ID: 35205247
>>if I move my code to onkeyup and press the key without pressing up then it will not count character.

onkeyup is the event that fires when you release a key. It does not mean the event that fires when you press the up (arrow) key.
0
 
LVL 19

Assisted Solution

by:Rikin Shah
Rikin Shah earned 250 total points
ID: 35205248
I hope this is what you're looking for...
http://www.smartwebby.com/dhtml/textbox_characters_counter.asp
0
 
LVL 3

Expert Comment

by:timhigham
ID: 35219748
for each element have and invisible notification div EG

<div id="inputXerror">ERROR</div>

use javascript to check the whole form for 'onsubmit', making error div visible and returning false if there is an unacceptable input to prevent submission.

0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

I've been trying to accomplish this for a while and it just struck me yesterday how to accomplish this task. I have done searches all over the internet looking for ways to email pages from my applications and finally I have done it!!! Every single s…
In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

773 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question