как мне остановить отображение NaN в результатах? - PullRequest
Новая
       0

как мне остановить отображение NaN в результатах?

0 голосов
/ 17 марта 2012

У меня есть этот скрипт jquery 

 $(document).ready(function() {
   $(function(){
    $("#result").submit(function(e) {
       e.preventDefault();
       var ele = $("#element").val(),
        target = $("#target").val(),
        context = $("#context").val(),
        border = $("#border").val(),
        margin = $("#margin").val(),
        padding = $("#padding").val();

    console.log(ele, target, context, border, margin, padding);

    var DoubleMargin = parseInt(margin, 10) * 2;
    var DoublePadding = parseInt(padding, 10) * 2;
    var DoubleBorder = parseInt(border, 10) * 2;


    var ActualTarget = parseInt(target, 10) - parseInt(DoubleBorder, 10) - parseInt(DoubleMargin, 10) - parseInt(DoublePadding, 10) * 1;
    var result3 = parseInt(target, 10) - parseInt(DoubleMargin, 10) * 1;
    var MarginResult = parseInt(margin, 10) / parseInt(target, 10) * 100;
    var PaddingResult = parseInt(padding, 10) / parseInt(target, 10) * 100;
    var OriginalResult = parseInt(ActualTarget, 10) / parseInt(context, 10) * 100;
    var BorderResult = parseInt(target, 10) - parseInt(border, 10) * 1;

    //$(".result").append(ele + " " + result + "%");
    $("<p></p>", {
        html: ele + " {<br><span>width: " + OriginalResult + "%;" + " /* " + ActualTarget + " (originally " + target + ") / " + context + " */ " + "<br>border: " + border + "px; " + "<br>margin: " + MarginResult + "%; " + "<br>padding: " + PaddingResult+ "%;" + "<br> </span>}"
    }).hide().appendTo("#code-results").fadeIn();
   });

}); 

});

Но когда кто-то вообще не вводит число, я получаю NaN в результатах? Как мне избавиться от этого с помощью этого кода? Также я хочу, чтобы 0 по-прежнему отображался как 0, возможно ли это?

edit: на самом деле я бы хотел, чтобы кто-то не вводил число, а не NaN. В результате я получаю 0, возможно ли это?

1 Ответ

4 голосов
/ 17 марта 2012

вы можете сделать тест с помощью этой функции isNaN () 

var myNumber = 'hello';
if (isNaN(myNumber)) 
    myNumber = 0;

console.log(myNumber); // return 0

РЕДАКТИРОВАТЬ: реализация для проверки нескольких значений: 

(function(global, $) {
    function isNan(valuesOrg) {
        values = $.isArray(valuesOrg) ? valuesOrg : [valuesOrg];
        results = values.map(function(value) {
            return isNaN(value);
        });

        if (!$.isArray(valuesOrg)) {
            return results[0];
        }

        return results;
    }

    global.myIsNane = isNan;
})(window, jQuery);

console.info(myIsNane('gh'));
console.info(myIsNane(90));
console.info(myIsNane(['oo', 00, 'bb', 84]));
...