Javascript 突出显示“；“红色”；值不是数字、带点或逗号的数字时的文本框

我正在使用引导为表单字段添加某种形式的视觉验证：

<div class="span1" style="min-width: 20px;">
    <input type="number" min="0.1" max="40" step="0.1" value="1" data-field="numberField" class="input-mini" style="width: 40px">
</div>

---

当文本框不是数字或带有点或逗号（欧元）的数字时，是否可以让文本框显示红色高亮显示

设置应用css的onBlur事件：

var val = $("#inputId").val();
if(Math.floor(val) == val && $.isNumeric(val))
    $("#inputId").css('border', '1px solid red');

与下面相同（向上投票），因为它完成了90%的工作，除了通过您的评论假设您希望将引导警告类应用于输入之外

所有这些类都是在Bootstraps网站（getbootstrap.com）上定义的。因此，您需要应用我认为在“组件”页面上的输入类

使用jQuery的addClass（），给定@Reza显示的事件：

var val = $("#inputId").val();
if(Math.floor(val) == val && $.isNumeric(val))
    $("#inputId").addClass('input-warning');

---

结果并没有反映BootsrapI的阴影效果，我假设你的意思是“Twitter Bootstrap”，而不是Bootstrap的通常定义（如你使用的标记中所定义的）