Vérification de la présence d'une variable dans un javascript

Question

J'ai créé un formulaire dans lequel l'utilisateur saisit les valeurs de largeur et de hauteur souhaitées pour la fenêtre contextuelle. J'utilise window.open pour cela.

Je pense donc que je dois vérifier si les valeurs de largeur et de hauteur sont des nombres entiers. J'ai une fonction qui vérifie qu'une variable est un entier qui est ...

function isInteger(possibleInteger) { 
    return !isNaN(parseInt(possibleInteger)); 
} 

mais je ne sais pas comment appeler cette fonction à la fonction de la largeur et la hauteur pour vérifier si l'utilisateur entré un entier. Quelqu'un peut-il aider?

Answer 1

var isWidthAnInteger = isInteger(document.getElementById('width').value); 
var isHeightAnInteger = isInteger(document.getElementById('height').value); 
if (isWidthAnInteger && isHeightAnInteger) { 
    // TODO: window.open 
} 

où vous avez les zones de texte suivantes:

Width: <input type="text" id="width" name="width" /> 
Height: <input type="text" id="height" name="height" /> 

Answer 2

Ceci est une réponse à la question mentionnée dans le sujet, et non pas celui dans le corps du texte :).

La méthode suivante est plus précise pour déterminer si la chaîne est un entier réel.

function isInteger(possibleInteger) { 
    return /^[\d]+$/.test(possibleInteger)​; 
} 

Votre méthode actuelle valide "7.5" par exemple.

EDIT: Basé sur le commentaire de machineghost, j'ai corrigé la fonction pour gérer correctement les tableaux. La nouvelle fonction est la suivante:

function isInteger(possibleInteger) { 
     return Object.prototype.toString.call(possibleInteger) !== "[object Array]" && /^[\d]+$/.test(possibleInteger); 
} 

Answer 3

Une réponse alternative si vous vous souciez des performances.

var isInteger1 = function(a) { 
    return ((typeof a !== 'number') || (a % 1 !== 0)) ? false : true; 
}; 

résultats des tests de charge par rapport à la réponse dans Chrome Zafer:

undefined => 4ms vs 151ms 
1 => 10ms vs 390ms 
1.1 => 61ms vs 250ms 
'1' => 8ms vs 334ms 
[1] => 9ms vs 210ms 
{foo: 'bar'} => 8ms vs 478ms 

Voyez vous-même: jsfiddle