jQuery验证消息显示在jQuery Mobile中的文本输入内
能够别名
我是jQuery mobile的新手，我使用jQuery Validate插件进行表单控件验证，一切工作正常，但是验证消息与输入文本框一起显示。这是图片：
jQuery的
$(document).live('pageinit', function (e) {
$('#form1').validate({
submitHandler: function (form) {
$.mobile.changePage('#success', { transition: "slide" });
return false;
}
});
});
的HTML
<div data-role="fieldcontainer">
<label for="fname" data-theme="d">First Name:</label>
<input type="text" id="fname" name="fname" data-theme="d" placeholder="Enter First Name" required>
<br />
</div>
<div data-role="fieldcontainer">
<label for="lname" data-theme="d">Last Name:</label>
<input type="text" id="lname" name="lname" data-theme="d" placeholder="Enter Last Name" required>
</div>
<div data-role="fieldcontainer">
<label for="email" data-theme="d">E-mail Address:</label>
<input type="email" id="email" name="email" data-theme="d" placeholder="Enter Email" required>
</div>
Tushar Gupta-好奇
在OP评论后更新
jQuery.validator.setDefaults({
errorPlacement: function(error, element) {
error.appendTo(element.parent().prev());
}
});
的CSS
.error{
color:red;
display:block; //to show error message in new line
}
在OP评论后更新
errorPlacement: function (error, element) {
error.appendTo(element.parent().parent().after());
},
另一种方式演示
参考
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
jQuery验证消息显示在jQuery Mobile中的文本输入内
- 2
使用jQuery验证在错误消息中显示输入值
- 3
在bootsrap文本框旁边显示Jquery表单验证消息
- 4
jQuery验证-在错误消息中显示字段名称
- 5
文本输入在JQuery Mobile中浮动
- 6
jQuery Mobile：如何验证表单并在页面上显示错误消息
- 7
jQuery验证无法正常工作；在输入值时也显示错误消息
- 8
jQuery在输入下验证发布错误消息
- 9
如何使用jQuery在每个文本框下方显示验证消息？
- 10
在div容器中显示错误消息以使用Jquery进行验证
- 11
如何显示错误消息，如果字段留空或jQuery中的默认值验证
- 12
当用户不输入内容时，我想在表单验证中显示错误消息
- 13
jQuery验证：更改消息中的动态参数
- 14
jQuery表单验证中的错误消息
- 15
用户在文本字段中输入内容时运行验证
- 16
jQuery验证输入并显示隐藏的div
- 17
在jQuery的帮助下在文本框中输入值后如何显示消息？
- 18
jQuery验证显示成功消息
- 19
jQuery验证错误消息的错误类与输入字段的关系
- 20
jQuery 验证，基于输入类型的不同错误消息
- 21
jQuery 验证插件希望消息在文本框下对齐
- 22
jQuery验证文本输入字段
- 23
在jQuery中检测“输入内的光标位置更改”何时？
- 24
CKEditor和JQuery验证：输入文本后错误消息不消失
- 25
在iframe中输入内容时如何显示输入？
- 26
jQuery Mobile文本输入不集中
- 27
文本输入不聚焦于jquery mobile 1.4.0
- 28
通过jQuery Mobile设置文本输入值
- 29
jQuery mobile自动完成功能，在搜索时显示消息
我来说两句