javascript only input float/integer-CSDN博客

本文链接：https://blog.csdn.net/liugh1974/article/details/84741698

<html>
<head>
<script src="jquery-1.11.3.min.js"></script>
<script language="Javascript">
$(document).ready(function(){
$('.float-number').keypress(function(event) {
var code = event.which;

if(code == 8 // Backspace
|| code == 9 // Horizontal Tab
|| code == 27 // ESC
|| code == 13 // Carriage Return
|| code == 45 // Hyphen, minus sign
|| code == 46 // Dot
|| ((code == 65 || code == 97) && event.ctrlKey === true) // Ctrl + A
|| ((code == 67 || code == 99) && event.ctrlKey === true) // Ctrl + C
|| ((code == 88 || code == 120) && event.ctrlKey === true) // Ctrl + X
){
var value = $(this).val();
if(code == 46 && value.indexOf('.') != -1) {
event.preventDefault();
}

if(code == 45 && value.length > 0 ){
event.preventDefault();
}
return;
}
if(event.which < 48
|| event.which > 57) {
event.preventDefault();
}
});

$('.int-number').keypress(function(event) {
var code = event.which;

if(code == 8 // Backspace
|| code == 9 // Horizontal Tab
|| code == 27 // ESC
|| code == 13 // Carriage Return
|| code == 45 // Hyphen, minus sign
|| ((code == 65 || code == 97) && event.ctrlKey === true) // Ctrl + A
|| ((code == 67 || code == 99) && event.ctrlKey === true) // Ctrl + C
|| ((code == 88 || code == 120) && event.ctrlKey === true) // Ctrl + X
){
var value = $(this).val();
if(code == 45 && value.length > 0 ){
event.preventDefault();
}
return;
}
if(event.which < 48
|| event.which > 57) {
event.preventDefault();
}
});
});

</script>
</head>
<body>
<p/>
<p/>
Integer: <input class="int-number" type="Text" id="float_input" value="" ><br>
<p/>
<p/>
Float: <input class="float-number" type="Text" id="float_input" value="" ><br>
</body>