Подтвердить isNaN, но разрешить пробелы

Question

Я пытаюсь выполнить некоторую проверку на стороне клиента при вводе пользователя, чтобы убедиться, что все записи являются числами. (Более конкретно, 2 цифры плюс десятичные числа.)

Я понимаю эту часть, но моя проблема заключается в том, использую ли я isNaN или записываю регулярное выражение для проверки формата, оно забирает пустые записи как недопустимые.

Вот мой код, вы можете увидеть все различные методы, которые я пытался принять пустые поля, которые закомментированы. Ни один из них не работают, они все возвращенные заготовки, как не рядом ...

function validateData() { 
//  var re = /^\s*?/; 
     $("input").each(function(index) { 
      if(isNaN(parseFloat($(this).val())) === false) { 
       console.log("Field " + index + " is ok"); 
//   }else if 
//    ((($(this).val()).trim()) == "") { 
//    console.log("Field " + index + " is ok"); 
//    console.log($(this).val());    
//   } else if 
//    (re.test($(this).val())) {  
//   } else if 
//    (($(this).val()).trim().isEmpty()) {    
//   } else if 
//    ((parseFloat($(this).val())).trim().isEmpty()) {  
//   } else if 
//    (($(this).text()) === "") { 
//    console.log("Field " + index + " is ok"); 
      } else { 
       $("#messages").html("Please enter only numbers"); 
       console.log("Field " + index + " is not a number!"); 
      }; 
     }); 
    }; 

Answer 1

Попробуйте

var value = $(this).val(); 
if((+value == value) && !isNaN(+value)){ 
    //Yey we have a valid number. 
} 

Это, вероятно, одна из немногих действительных использований рыхлого оператора равенства я нашел (он защищает от нулевого и «« передается »). Он использует унарный плюс оператора плюс немного магии, и это хороший короткий способ проверить, является ли значение числом или нет.

Ваш код теперь должен выглядеть следующим образом:

function validateData() { 
     $("input").each(function(index) { 
      var value = $(this).val(); 
      if((+value == value) && !isNaN(+value)){ 
       //The value is a valid number 
      } else { 
       //The value is NOT a valid number 
      } 
     }); 
    }; 

JS Fiddle: http://jsfiddle.net/o8zjpfzx/2/

Answer 2

Я думаю, что проблема здесь с регулярным выражением, попробуйте использовать следующие /[\d\s]+/:

$("input").each(function(index) { 
    var patt = new RegExp("/[\d\s]+/"); 
    var res = patt.test($(this).val()); 
    if(res){ 
    console.log("Field " + index + " is ok"); 
    }else{ 
    console.log("Field " + index + " is not ok"); 
    } 
}) 

\ d соответствует цифре [0-9]

\ S матч любой символ пробела [\ г \ п \ т \ е]

Смотрите эту DEMO.

Answer 3

Изменение линии if(isNaN(parseFloat($(this).val())) === false) к: if(isNaN(parseFloat($(this).val())) === false || $(this).val() === '')