asked on

Why this jquery code is not working

<html>
<head>
<script type="text/javascript">
$(document).ready(function () {
$(".numberinput").forceNumeric();
});

// forceNumeric() plug-in implementation
jQuery.fn.forceNumeric = function () {

return this.each(function () {
$(this).keydown(function (e) {
var key = e.which || e.keyCode;

if (!e.shiftKey && !e.altKey && !e.ctrlKey &&
// numbers
key >= 48 && key <= 57 ||
// Numeric keypad
key >= 96 && key <= 105 ||
// comma, period and minus, . on keypad
key == 190 || key == 188 || key == 109 || key == 110 ||
// Backspace and Tab and Enter
key == 8 || key == 9 || key == 13 ||
// Home and End
key == 35 || key == 36 ||
// left and right arrows
key == 37 || key == 39 ||
// Del and Ins
key == 46 || key == 45)
return true;

return false;
});
});
}
</script>
</head>
<body>

<div class="containercontent">

<div class="label">Enter a number:</div>
<input type="text" name="txtNumber1" id="txtNumber1" value="" class="numberinput" />

<div class="label">Enter a number:</div>
<input type="text" name="txtNumber2" id="txtNumber2" value="" class="numberinput" />
</div>
</body>
</html>

ASKER CERTIFIED SOLUTION

onlyaymie

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

searchsanjaysharma

ASKER

I am using this code in htm file why this code is not working
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".numberinput").forceNumeric();
});

// forceNumeric() plug-in implementation
jQuery.fn.forceNumeric = function () {

return this.each(function () {
$(this).keydown(function (e) {
var key = e.which || e.keyCode;

if (!e.shiftKey && !e.altKey && !e.ctrlKey &&
// numbers
key >= 48 && key <= 57 ||
// Numeric keypad
key >= 96 && key <= 105 ||
// comma, period and minus, . on keypad
key == 190 || key == 188 || key == 109 || key == 110 ||
// Backspace and Tab and Enter
key == 8 || key == 9 || key == 13 ||
// Home and End
key == 35 || key == 36 ||
// left and right arrows
key == 37 || key == 39 ||
// Del and Ins
key == 46 || key == 45)
return true;

return false;
});
});
}
</script>
</head>
<body>
<div class="containercontent">

<div class="label">Enter a number:</div>
<input type="text" name="txtNumber1" id="txtNumber1" value="" class="numberinput" />

<div class="label">Enter a number:</div>
<input type="text" name="txtNumber2" id="txtNumber2" value="" class="numberinput" />
</div>

</body>
</html>
¿

onlyaymie

It works fine for me in IE and firefox. In what way and in what browser do you find it not working?

searchsanjaysharma

ASKER