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

与下面（upvoted）相同，因为它执行90％的工作，除非您的评论假设您希望将bootstraps警告类应用于输入。

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

在给出@Reza布局的事件时使用jQuery的addClass（）：

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

Answer 2

设置应用css的onBlur事件：

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

当值不是数字时，突出显示“红色”文本框，用点或逗号表示数字

2 个答案: