javascript - jQuery 验证，仅限数值

Question

我正在尝试验证表单输入值。下面的函数状态是输入的值是一个小于 150 的数字，显示错误。正常工作。但是，我想补充一下。如果该值包含除数值以外的任何内容和/或小于 150 的值，则显示错误...

如何修改？

if ($('.billboard-height').val() < 150) {
    $('.sb-billboardalert').fadeIn(600);
}

Answer 1

由于更彻底的验证无论如何都应该在服务器端进行，因此您可以只使用 parseInt或 parseFloat取决于您期望什么样的值(value)。然后检查结果是否真的是一个数字，它是否也满足你的约束:

var number = parseFloat($('.billboard-height').val()); // or parseInt depending on expected input
if (isNaN(number) || number < 150) {
    $('.sb-billboardalert').fadeIn(600);
}

编辑:

根据您的评论，您正在进入正则表达式领域。我知道你只想要一个自然数(并且 parseInt/parseFloat 忽略尾随非数字字符如 px、em 等的方式是不正确的)。怎么样:

var val = $('.billboard-height').val();
var number = parseInt(val, 10);
if ( ! val.match(/^[0-9]{3,4}$/) || number < 150) {
    $('.sb-billboardalert').fadeIn(600);
}

这应该只允许自然数 150-9999。