Cách Xác Thực Chỉ Số Trong JavaScript với Keypress

Đoạn mã đơn giản hoạt động nằm dưới đây, dường như có nhiều mã nguồn nhưng có thể điều chỉnh cho phù hợp với yêu cầu của bạn!

<SCRIPT>

function validationNum(evt)
{
var getNumCd = (evt.which) ? evt.which : event.keyCode;
if (getNumCd != 46 && getNumCd > 31
&& (getNumCd < 48 || getNumCd > 57))
return false;
return true;
}

</SCRIPT>

<INPUT id="userDetails" onkeypress="return validationNum(event)"
type="text" name="userDetails">

Nếu bạn muốn thêm số thập phân vào hộp nhập của bạn, hãy thêm đoạn mã nguồn sau đây

<script type="text/javascript">

var digitsUnique = /[1234567890]/g;
var integerUnique = /[0-9\.]/g;
var alphaUnique = /[A-Za-z]/g;
var usernameUnique = /[0-9A-Za-z\._-]/g;

function validationNum(myfield, e, restrictionType, checkdot){
if (!e) var e = window.event
if (e.keyCode) getNumCd = e.keyCode;
else if (e.which) getNumCd = e.which;
var character = String.fromCharCode(getNumCd);

if (getNumCd==27) { this.blur(); return false; }

if (!e.ctrlKey && getNumCd!=9 && getNumCd!=8 && getNumCd!=36 && getNumCd!=37 && getNumCd!=38 && (getNumCd!=39 || (getNumCd==39 && character=="'")) && getNumCd!=40) {
if (character.match(restrictionType)) {
if(checkdot == "checkdot"){
return !isNaN(myfield.value.toString() + character);
} else {
return true;
}
} else {
return false;
}
}
}
</script>

<!-- To support only alphabets -->
<input type="text" onkeypress="return validationNum(this, event, alphaUnique);">
<!-- To support only numbers without dot -->
<input type="text" onkeypress="return validationNum(this, event, digitsUnique);">
<!-- To support only numbers and dot -->
<input type="text" onkeypress="return validationNum(this, event, integerUnique);">
<!-- To support only numbers and only one dot -->
<input type="text" onkeypress="return validationNum(this, event, integerUnique, 'checkdot');">
<!-- To support only characters for a username field -->
<input type="text" onkeypress="return validationNum(this, event, usernameUnique);">

Tôi hy vọng bạn đã hiểu về xác thực chỉ số trong JavaScript onkeypress.

• Bài đăng blog này ban đầu được xuất bản tại: https://www.pakainfo.com