jquery验证插件 – 更改边框颜色无文本

反正我是否可以在错误上将边框颜色更改为红色而取消文本?这几乎是我想要显示的唯一错误,一旦输入/ textarea聚焦,它就会消失.

<div id="contact-form">
            <form method="get" id="contacts">
                <div class="contact-controls">
                    <label class="contact-label" for="name-input">NAME</label>
                    <div class="input-wrapper">
                        <input type="text" name="contact-name" id="name-input" placeholder="Your Name" required>
                    </div>
                </div>
                <div class="contact-controls">
                    <label class="contact-label" for="email-input">EMAIL</label>
                    <div class="input-wrapper">
                        <input type="text" name="contact-email" id="email-input" placeholder="Your Email" required>
                    </div>
                </div>
                <div class="contact-controls">
                    <label class="contact-label" for="message-input">MESSAGE</label>
                    <div class="input-wrapper">
                        <textarea name="contact-message" id="message-input" rows="15" placeholder="Hi there&#33;" required></textarea>
                    </div>
                </div>
                <div class="contact-controls">
                    <input type="hidden" name="save" value="contact">  
                    <button type="submit" class="contact-button">Send</button>  
                </div>
            </form>
        </div>
最佳答案
请执行下列操作:

1)设置errorPlacement回调函数以返回false以抑制错误消息文本.

2)修改插件的.error&的CSS. .valid类用于显示元素周围的彩色边框或其他内容.默认情况下,插件已经自动应用并删除了这两个类,因此没有为此设置的特殊插件选项.

工作演示:http://jsfiddle.net/8vQFd/

jQuery的:

$(document).ready(function () {

    $('#myform').validate({ // initialize the plugin
        // your rules and options,
        errorPlacement: function(){
            return false;  // suppresses error message text
        }
    });

});

转载注明原文:jquery验证插件 – 更改边框颜色无文本 - 代码日志