hi guys,

in my website i have login page. if the user focus the username txtxbox ,i want show a warning msg.(like a popup) when caps lock is on.

how to check the caps lock is on or not in a web.

Add the javascript mehod given below:

<script>
function capLock(e){
 kc = e.keyCode?e.keyCode:e.which;
 sk = e.shiftKey?e.shiftKey:((kc == 16)?true:false);
 if(((kc >= 65 && kc <= 90) && !sk)||((kc >= 97 && kc <= 122) && sk))
  document.getElementById('divMayus').style.visibility = 'visible';
 else
  document.getElementById('divMayus').style.visibility = 'hidden';
}
</script>

TO call the script from ur control:

<SPAN><input type="password" name="txtPassword" onkeypress="capLock(event)" />
<SPAN><div id="divMayus" style="visibility:hidden">Caps Lock is on.</div> 
 
Modify the script by alert.
 
Hope its helpful for u.
DON't FORGET TO MARK AS ANSWER if its helpful for u.

I don’t think you can achieve this, JavaScript offers no direct way to check the state of the Caps Lock,

Only thing you can do is to use a script which checks the letters pressed and compares them with the SHIFT key state, but this will work only when an alphabet key is pressed and not in case when any numeric, function keys are pressed.

A script like this one -

http://javascript.internet.com/forms/check-cap-locks.html

 HI ALL,

thanks to ur reply.

what i need the is, warning to be show to the user, when the page is load or just user focus the txtxbox. is it possible

No, unless a key is pressed you can't detect whether Caps is on or off. and i dont think there is any way to simulate a key press using javascript.

Check out this article:

Warning the User When Caps Lock is On
http://aspnet.4guysfromrolla.com/articles/051408-1.aspx

In it I provide a compiled server control that you can add to your page, set a few properties, and you're off and running.

Happy Programming! 

Hi..

       You can use this java script..

function capLock(e){

 kc = e.keyCode?e.keyCode:e.which;
 sk = e.shiftKey?e.shiftKey:((kc == 16)?true:false);
 if(((kc >= 65 && kc <= 90) && !sk)||((kc >= 97 && kc <= 122) && sk))
  document.getElementById('divMayus').style.visibility = 'visible';
 else
  document.getElementById('divMayus').style.visibility = 'hidden';
  }

<div id="divMayus" style="visibility:hidden">
                                 <asp:Label ID="Label1" runat="server" Text="Caps Lock is On.!" CssClass="text"></asp:Label>
                                 
                                 </div>

<asp:TextBox ID="txtPass" CssClass="login_textbox" runat="server" TextMode="Password" onkeypress="capLock(event)"></asp:TextBox>