CSS
请教 如何让jquery.validate 的输入错误提示和输入框同行显示？
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区如题。主要代码如下所示，但是，现在错误提示都是在文本框下面，怎样才能让它和Input同行显示，请各位前辈高手指教，不胜感激！！
<style>
.FT_form ul {
float:left;
text-align:left;
width:500px;
list-style-type:none;
list-style-position:outside;
margin:0 0 0 20px;
padding:0px;
}
.FT_form li {
display: block;
text-align:left;
padding:12px 0 12px 12px;
border-bottom:0px solid #ACACD7;
position:relative;
width:300px;
z-index:2;
}
/*字段验证样式 字段label*/
label.error {
display:inline-block;
float:left;
font-size:11px;
text-align:left;
width:50px;
}
</style>
<script src="jquery/dist/jquery.validate.js"></script>
<script src="jquery/dist/jquery.validate.min.js"></script>
<script src="jquery/dist/localization/messages_zh.js"></script>
<script language="javascript">
$(document).ready(function() {
$("#frm1").validate({
/*errorElement: 'span',
errorPlacement: function(error, element) {
error.appendTo(element.parent());
},*/
rules: {
txt_cname: { required:true, maxlength:10}
},
message: {
txt_cname: { required:"用户名不能为空", maxlenghth: "人名不能超过30字符"}
}
})
});
</script>
<form class="FT_form" id="frm1" name="frm1" method="post">
<ul>
<li>
<label for="txt_cname">* 客户姓名（必填）：</label>
<input type="text" id="txt_cname" name="txt_cname" required />
</li>
</ul>
</form>
...全文
相关推荐
jquery validate默认错误提示显示位置修改
本文将详细介绍如何修改jQuery Validate默认错误提示的显示位置。#### 一、理解默认行为默认情况下，jQuery Validate会在输入框下方显示错误提示信息。
jquery.validate提示错误信息位置方法
在常规的使用中，如果未指定错误信息的显示位置，jQuery Validate插件默认会将错误提示信息放置在验证的输入元素之后。
jquery validate 信息气泡提示
在上述描述中，开发者提到要利用 PoshyTip 来增强 jQuery Validate 的错误提示功能。当表单验证未通过时，PoshyTip 会显示一个气泡，将验证错误信息清晰地呈现给用户。
JQuery扩展插件Validate—4设置错误提示的样式
以下是关于使用Validate—4版本设置错误提示样式的知识点介绍：首先，要设置错误提示的样式，我们需要了解JQuery Validate插件是如何处理表单验证和错误信息显示的。
jquery-validate验证输入框
《jQuery Validate插件详解——构建高效表单验证》在Web开发中，用户输入的数据验证是必不可少的一个环节，它能够确保用户提交的信息符合预设的规则，从而避免数据错误和安全问题。
