[英]Jquery Script Not Working to accept input numbers only
我已經編寫了我的 Jquery 腳本來僅為文本框輸入數字。 以下是我的 html 代碼:
<input type="text" name="mobile_number" id="mobile_number" maxlength="10" class="form-control input-md" placeholder="Mobile Number" required="required">
當我嘗試輸入一些值時,它也接受數字和字符。
我的 Jquery 腳本是:
$("#mobile_number").keydown(function(event) {
if ( event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 ) {
}
else {
if ((event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105 )) {
event.preventDefault();
}
} });
$(document).ready(function () {
//called when key is pressed in textbox
$("mobile_number").keypress(function (e) {
//if the letter is not digit then display error and don't type anything
if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
//display error message
$("#errmsg").html("Digits Only").show().fadeOut("slow");
return false;
}
});
});
http://jsfiddle.net/lesson8/HkEuf/1/
我在這里更新了代碼,請檢查它是否按預期工作。
或者,您可以嘗試現有的解決方案,
就像這樣: http : //firstopinion.github.io/formatter.js/demos.html
檢查您是否包含了任何version
的jquery
,還將您的代碼寫在$(document).ready()中 ,
$(function () {
$("#mobile_number").keydown(function (event) {
if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9) {
} else {
if ((event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) {
event.preventDefault();
}
}
});
});
數字的keyCode范圍是[95,105]; 和[48,57]
$("#mobile_number").keydown(function(event) {
if ( (event.keyCode > 95 && event.keyCode <106)||(event.keyCode > 47 && event.keyCode <58)) {
}
else {
event.preventDefault();
}
});
我用這個 OneLiner
<input type="number" onkeypress="return /[0-9]/i.test(event.key)">
或者
<input type="text" onkeypress="return /[0-9]/i.test(event.key)">
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.