如何不從返回nan回答jquery

Question

我剛開始學習jquery，我試圖找出如何擺脫南，當有一個空格或一個字母等，並將其改爲無？還有沒有更好的方式來寫我所做的？

的Jquery：

$(document).ready(function(){ 
    var one = 9; 
    var two = 7; 

    $('#first').keyup(function(){ 
     var firstValue = parseFloat($('#first').val()); 
     $('#second').val(firstValue * one/two); 
    }); 

    $('#second').keyup(function(){ 
     var secondValue = parseFloat($('#second').val()); 
     $('#first').val(secondValue/two * one); 
    }); 
}); 

HTML：

<input id=first></input> <input id=second></input> 

Answer 1

使用isNaN()使用它之前測試值。

$('#first').keyup(function(){ 
    var firstValue = parseFloat($('#first').val()); 
    if (!isNan(firstValue) { 
     $('#second').val(firstValue * one/two); 
    } 
}); 

Answer 2

$(document).ready(function(){ 
var one = 9; 
var two = 7; 

$('#first').keyup(function(){ 
    var firstValue = parseFloat($('#first').val()); 
    if(!isNaN(firstValue))   // Use 'isNaN' as shown 
    $('#second').val(firstValue * one/two); 
}); 

$('#second').keyup(function(){ 
    var secondValue = parseFloat($('#second').val()); 
    if(!isNaN(secondValue))  // Use 'isNaN' as shown 
    $('#first').val(secondValue/two * one); 
}); 
}); 

在這裏閱讀更多： - http://www.w3schools.com/jsref/jsref_isnan.asp

Answer 3

首先，解決您的HTML標記：

<input type="text" id="first" /> 
<input type="text" id="second" /> 

然後，你可以做到這一點的建議@Barman：

$(document).ready(function(){ 
    var one = 9; 
    var two = 7; 

    $('#first').on('keyup', function(){ 
     var firstValue = parseFloat($('#first').val()); 

     if (!isNaN(firstValue)) { 
      $('#second').val(firstValue * one/two); 
     } 
    }); 

    $('#second').on('keyup', function(){ 
     var secondValue = parseFloat($('#second').val()); 

     if (!isNaN(secondValue)) {    
      $('#first').val(secondValue/two * one); 
     } 
    }); 
}); 

Demo

Number.isNaN()