Javascript jquery验证html元素边框颜色更改问题

我们使用jquery验证插件来验证表单元素。 () 当输入出错时，我们可以看到错误消息。 此外，我们还将html组件边框设置为红色，同时显示此错误（默认情况下由插件提供）。 颜色更改不适用于引导文本框。有什么想法吗

HTML:

<div class="table-responsive" id="IpTableDiv">
            <form name="MyForm" id="MyForm" method="post">
                <table class="table table-bordered form-grid">
                    <thead>
                    <tr class="btitle">
                        <th width="25%">Settings</th>
                        <th></th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td class="info">IP Address</td>
                        <td><input type="text" id="ipAddress" name="ip_IP_ADDR" class="form-control"></td>
                    </tr>

                    </tbody>
                </table>
            </form>
        </div>

---

谢谢。

样式之间可能存在冲突，您是否尝试使用

强制您的样式！重要的

关键字，例如

边框：实心1px红色！重要的是。我试过这个，马丁。没有用。您是否尝试过：
$（元素）。最近（'.form group'）。addClass（'has-error'）？将尝试并更新。您确定所有CSS和jQuery文件的顺序正确吗？这似乎对我有用。
$.validator.addMethod('validIPAddress', function (value, element, param) {
    var isValid = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/.test(value);
    return isValid;
});


$("#MyForm").validate({
    rules: {
        ip_IP_ADDR: {
            required: true,
            validIPAddress: true
        },
    },
    messages: {
        ip_IP_ADDR: {
            validIPAddress: "Please enter a valid IP Address"
        },
    },
    highlight: function (element, errorClass) {
        $(element).closest('.form-control').addClass('has-error');
    },
    unhighlight: function (element, errorClass) {
        $(element).closest(".form-control").removeClass("has-error");
    }
});