[英]checking if value of a textfield is integer in javascript
我如何檢查文本框中輸入的文本是否為整數? 我使用NAN函數,但它也接受十進制值。
我怎樣才能做到這一點? 有內置方法嗎?
假設文本字段由變量intfield
引用,那么您可以像這樣檢查它:
var value = Number(intfield.value);
if (Math.floor(value) == value) {
// value is an integer, do something based on that
} else {
// value is not an integer, show some validation error
}
// validate if the input is numeric and between min and max digits
function validateNumberSize(inputtxt, min, max)
{
var numbers = /^[0-9]+$/;
if(inputtxt.match(numbers))
{
if(inputtxt.length >= min && inputtxt.length <= max)
{
return true;
}
}
return false;
}
正則表達式將是一種方式:
var re = /^-?\d\d*$/
alert(re.test(strNumber)); // leading or trailing spaces are also invalid here
更新的完整示例:
http://rgagnon.com/jsdetails/js-0063.html
function validateInteger( strValue ) {
/************************************************
DESCRIPTION: Validates that a string contains only
valid integer number.
PARAMETERS:
strValue - String to be tested for validity
RETURNS:
True if valid, otherwise false.
**************************************************/
var objRegExp = /(^-?\d\d*$)/;
//check for integer characters
return objRegExp.test(strValue);
}
更新以處理空白 - 這在驗證中可能是不允許的,但在這里它仍然是:可以繼續使用我給出的鏈接中的代碼(leftTrim / rightTrim)但是在這里我重用了.trim()中的 trim 在JavaScript中不起作用在IE中
function ignoreLeadingAndtrailingWhitespace( strValue ) {
return strValue.length>0?validateInteger( strValue.trim() ):false;
}
if(typeof String.prototype.trim !== 'function') {
String.prototype.trim = function() {
return this.replace(/^\s+|\s+$/g, '');
}
}
function validateInteger( strValue ) {
/************************************************
DESCRIPTION: Validates that a string contains only
valid integer number.
PARAMETERS:
strValue - String to be tested for validity
RETURNS:
True if valid, otherwise false.
**************************************************/
var objRegExp = /(^-?\d\d*$)/;
//check for integer characters
return objRegExp.test(strValue);
}
最好使用正則表達式如下:
function isInteger(str) {
var r = /^-?[0-9]*[1-9][0-9]*$/;
return r.test(str);
}
只是一個測試演示:
> function isInteger(str) {
... var r = /^-?[0-9]*[1-9][0-9]*$/;
... return r.test(str);
... }
> isInteger("-123")
true
> isInteger("a123")
false
> isInteger("123.4")
false
var num = document.getElementById("myField").value;
if(/^\d+$/.test(num)) {
// is an int
}
表單數據始終是文本。 我的建議是你將它解析為整數並將其與原始數據進行比較:
var sampleData = ["not a number", "0", "10", "3.14", "-12", "-0.34", "2e10", "34foo", "foo34"];
var integers = [], notIntegers = [];
for(var i=0, len=sampleData.length; i<len; i++){
var original = sampleData[i];
var parsed = parseInt(original, 10);
if( !isNaN(parsed) && original==parsed ){
integers.push(parsed);
}else{
notIntegers.push(original);
}
}
alert("Integers: " + integers.join(", ") + "\nNot integers: " + notIntegers.join(", "));
由此可見:
Integers: 0, 10, -12
Not integers: not a number, 3.14, -0.34, 2e10, 34foo, foo34
不支持科學記數法,也不支持千位分隔符。 如果這是一個問題,你需要一些不同的東西;)
更新:我想明確指出,這只是可能的方法之一,而不是唯一的真理。 如果您需要對數據進行數學運算,那么這種方法是有意義的,因此您無論如何都必須得到一個數值變量。
如果你正在尋找整數或小數,你可以去:
function IsNumeric(input)
{
return (input - 0) == input && input.length > 0;
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.