javascript - "red"值不是数字时文本框高亮显示，带点或逗号的数字

Question

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

<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>

是否可以让文本框在不是数字或带点或逗号(欧元)的数字时显示红色突出显示？

Answer 1

与下面相同(已投票)，因为它完成了 90% 的工作，除了根据您的评论假设您希望将 Bootstrap 警告类应用于输入。

所有这些类都在 Bootstraps 网站 (getbootstrap.com) 上定义。所以你想应用我认为在“组件”页面上的输入类。

给定@Reza 布局的事件，使用 jQuery 的 addClass():

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