Archive for the ‘Javascript’ Category
- In: Javascript | Validation
- 1 Comment
The below code might help you with validation of certain HTML tags entered in a TextArea. (Click image to enlarge).
The below code might help you with validation of certain HTML tags entered in a TextArea. (Click image to enlarge).
Use this javascript code to display “Last Updated” date.
document.write(“Last Updated on:”) ;
document.write(document.lastmodified) ;
- In: Javascript
- 5 Comments
The post explains Keyboard event handling using javascript.Javascript events are used to capture user keystrokes.
Below is a table of key codes for the keys on a multimedia keyboard. If this table is inconsistent with your own findings, please let me know.
Java Script Code to Find Key code
<script language="JavaScript">
document.onkeydown = checkKeycode
function checkKeycode(e) {
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
alert("keycode: " + keycode);
}
</script>
Key Code Reference Table
|
Key Pressed |
Javascript Key Code |
|
backspace |
8 |
|
tab |
9 |
|
enter |
13 |
|
shift |
16 |
|
ctrl |
17 |
|
alt |
18 |
|
pause/break |
19 |
|
caps lock |
20 |
|
escape |
27 |
|
page up |
33 |
|
page down |
34 |
|
end |
35 |
|
home |
36 |
|
left arrow |
37 |
|
up arrow |
38 |
|
right arrow |
39 |
|
down arrow |
40 |
|
insert |
45 |
|
delete |
46 |
|
0 |
48 |
|
1 |
49 |
|
2 |
50 |
|
3 |
51 |
|
4 |
52 |
|
5 |
53 |
|
6 |
54 |
|
7 |
55 |
|
8 |
56 |
|
9 |
57 |
|
a |
65 |
|
b |
66 |
|
c |
67 |
|
d |
68 |
|
e |
69 |
|
f |
70 |
|
g |
71 |
|
h |
72 |
|
i |
73 |
|
j |
74 |
|
k |
75 |
|
l |
76 |
|
m |
77 |
|
n |
78 |
|
o |
79 |
|
p |
80 |
|
q |
81 |
|
r |
82 |
|
s |
83 |
|
t |
84 |
|
u |
85 |
|
v |
86 |
|
w |
87 |
|
x |
88 |
|
y |
89 |
|
z |
90 |
|
left window key |
91 |
|
right window key |
92 |
|
select key |
93 |
|
numpad 0 |
96 |
|
numpad 1 |
97 |
|
numpad 2 |
98 |
|
numpad 3 |
99 |
|
numpad 4 |
100 |
|
numpad 5 |
101 |
|
numpad 6 |
102 |
|
numpad 7 |
103 |
|
numpad 8 |
104 |
|
numpad 9 |
105 |
|
multiply |
106 |
|
add |
107 |
|
subtract |
109 |
|
decimal point |
110 |
|
divide |
111 |
|
f1 |
112 |
|
f2 |
113 |
|
f3 |
114 |
|
f4 |
115 |
|
f5 |
116 |
|
f6 |
117 |
|
f7 |
118 |
|
f8 |
119 |
|
f9 |
120 |
|
f10 |
121 |
|
f11 |
122 |
|
f12 |
123 |
|
num lock |
144 |
|
scroll lock |
145 |
|
semi-colon |
186 |
|
equal sign |
187 |
|
comma |
188 |
|
dash |
189 |
|
period |
190 |
|
forward slash |
191 |
|
grave accent |
192 |
|
open bracket |
219 |
|
back slash |
220 |
|
close braket |
221 |
|
single quote |
222 |
|
|
|
Inside u r Head Tag in HTML Page u insert the following code
function IsNumeric(strString)
// check for valid numeric strings
{
var strValidChars = “0123456789.-“;
var strChar;
var blnResult = true;
if (strString.length == 0) return false;
// test strString consists of valid characters listed above
for (i = 0; i < strString.length && blnResult == true; i++)
{
strChar = strString.charAt(i);
if (strValidChars.indexOf(strChar) == -1)
{
blnResult = false;
}
}
return blnResult;
}
And to check whether the input box has numerals or not use follwing code
if(document.frmReg.MNumber.value==””)
alert(“Enter Mobile Number.”)
else if(IsNumeric(document.frmReg.MNumber.value)==false)
alert(“Enter Only 10 Digit Mobile Number.”)
- In: Design | Javascript
- Leave a Comment
If you want your users to click on a text area and automatically highlight all of the text, there is a very simple way to do it. This does not require external javascript at all. It’s no “copy code” button, but if the user clicks inside the text area, this bitt of code will hightlight all of the text in that textfield.
Add the following code to any tag:
onclick=”javascript:select();”
Example:
Highlight this text
My Thoughts & Views 