jquery验证html元素边框颜色变化问题

Question

我们正在使用jquery验证插件来验证表单元素。 （http://jqueryvalidation.org/） 当输入错误时，我们能够看到错误消息。 此外，我们将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>

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");
    }
});

感谢。