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

Question

反正我是否可以在错误上将边框颜色更改为红色并删除文本？这几乎是我想要显示的唯一错误,一旦输入/ 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>

Answer 1

请执行下列操作:

1)将errorPlacement回调函数设置return false为禁止错误消息文本.

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

工作演示: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
        }
    });

});