Проверка формы Javascript onclick

Question

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

function ValidateNumeric() {
    var val = document.getElementById("tbNumber").value;
    var validChars = '0123456789.'; 

    for(var i = 0; i < val.length; i++) { 
      if(validChars.indexOf(val.charAt(i)) == -1)
       alert('Please enter valid number');
       return false; 
        } 

        return true; 
    }

<INPUT TYPE=SUBMIT NAME="action" VALUE="Save Changes" onclick="return ValidateNumeric();" >

Answer 1

Обратите внимание на оператор start и end - «return false;» завершит цикл for на первой итерации.

Правильный код:

function ValidateNumeric() {
  var val = document.getElementById("tbNumber").value;
  var validChars = '0123456789.'; 

  for(var i = 0; i < val.length; i++) { 
    if(validChars.indexOf(val.charAt(i)) == -1) {
      alert('Please enter valid number');
      return false;
    }
  } 

  return true; 
}

Answer 2

правильно отформатируйте if, иначе будет учитываться только первое утверждение.

 for(var i = 0; i < val.length; i++) { 
      if(validChars.indexOf(val.charAt(i)) == -1)
       {
        alert('Please enter valid number');
        return false; 
       }
    } 

Answer 3

Используйте регулярные выражения!

function validateNumeric() {
    var val = document.getElementById("tbNumber").value;
    var regex = /^[0-9\.]+$/;

    if(regex.test(value))
        return true
    else {
        alert("Please enter a valid number");
        return false;
    }
}

Однако это регулярное выражение допускает ввод 1.22.3.6...2, что, вероятно, нежелательно. Вы, вероятно, хотите иметь регулярное выражение ^(\d+(\.\d+)?|\.\d+)$

Кроме того, HTML-теги должны быть в нижнем регистре, а атрибуты должны быть заключены в кавычки:

<input type="number" id="tbNumber" />
<input type="submit" name="action" value="Save Changes" onclick="return validateNumeric();"  />