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