如果验证失败,我正在使用 jQuery 验证生成自定义消息。默认情况下,消息将位于它正在验证的输入字段的右侧。我希望此消息始终位于字段标题的右侧。
例如,我希望它看起来像这样:http: //jsfiddle.net/zWgbP/
我玩过添加:
errorPlacement: function (error, element) {
error.insertBefore(element);
},
...但这不太正确,因为我需要它在标题“姓氏”之后的休息时间之前出现。
如果我将字段标题包围在 span 或 div 中并使用下面的 jQuery 方法给它一个 id,是否有更好的方法来定位字段标题?
如果没有,有没有更好的方法?
JAVASCRIPT
$(document).ready(function() {
// validate signup form on keyup and submit
$("#newform").validate(
rules: {
lastname: {
required: true,
minlength: 2
},
messages: {
lastname: {
required: "* please fix",
minlength: "* please fix"
},
HTML
<form name="newform" id="newform" method="post" onsubmit="return OnNewButton();">
<input type='text' id='lastname' name='lastname' size='20' value = "" />
</form>
CSS
<style type="text/css">
#newform label.error {
color: red;
font-size: 15px;
}
</style>