我使用与 jquery 网站上使用的完全相同的示例进行简单的表单验证;http://docs.jquery.com/Plugins/Validation
但有一件事我不明白,示例中的错误消息显示在每个输入字段的右侧。我想在每个输入字段下显示错误。这是如何运作的?我尝试调整宽度和填充,但到目前为止还没有运气。
我使用的CSS代码略有改变,但仍然非常简单;
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: 0px; vertical-align: bottom; }
p { clear: both; }
fieldset {position: absolute; left: 450px; width: 400px; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
这是jsfiddlehttp://jsfiddle.net/nBv7v/
引用OP:“示例中的错误消息显示在右侧
每个输入字段的。我想显示每个输入下的错误
场地。这是如何运作的?”
您可以简单地更改默认元素label
to div
通过使用errorElement option。自从div
是“块级”,它会自动换行到另一行。
$(document).ready(function() {
$('#myform').validate({ // initialize the plugin
errorElement: 'div',
// your other rules and options
});
});
工作演示: http://jsfiddle.net/xvAPY/
您甚至不必搞乱 CSS。但如果您需要改变任何东西,请针对它们div.error
.
div.error {
/* your rules */
}
See 更多验证插件选项的文档.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)