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-好奇

演示

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());
},

另一种方式演示

参考

http://jqueryvalidation.org/validate/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery验证:更改消息中的动态参数

来自分类Dev

如何使用jQuery在每个文本框下方显示验证消息?

来自分类Dev

在jQuery中检测“输入内的光标位置更改”何时?

来自分类Dev

jQuery验证消息显示在jQuery Mobile中的文本输入内

来自分类Dev

jQuery Mobile:如何验证表单并在页面上显示错误消息

来自分类Dev

jQuery验证-在错误消息中显示字段名称

来自分类Dev

在div容器中显示错误消息以使用Jquery进行验证

来自分类Dev

使用jQuery验证在错误消息中显示输入值

来自分类Dev

当用户不输入内容时,我想在表单验证中显示错误消息

来自分类Dev

jQuery验证显示成功消息

来自分类Dev

如何显示错误消息,如果字段留空或jQuery中的默认值验证

来自分类Dev

在iframe中输入内容时如何显示输入?

来自分类Dev

在jQuery的帮助下在文本框中输入值后如何显示消息?

来自分类Dev

jQuery Mobile文本输入不集中

来自分类Dev

文本输入不聚焦于jquery mobile 1.4.0

来自分类Dev

文本输入在JQuery Mobile中浮动

来自分类Dev

jQuery mobile自动完成功能,在搜索时显示消息

来自分类Dev

用户在文本字段中输入内容时运行验证

来自分类Dev

通过jQuery Mobile设置文本输入值

来自分类Dev

jQuery在输入下验证发布错误消息

来自分类Dev

jQuery验证文本输入字段

来自分类Dev

jQuery验证错误消息的错误类与输入字段的关系

来自分类Dev

在bootsrap文本框旁边显示Jquery表单验证消息

来自分类Dev

CKEditor和JQuery验证:输入文本后错误消息不消失

来自分类Dev

jQuery表单验证中的错误消息

来自分类Dev

jQuery验证输入并显示隐藏的div

来自分类Dev

jQuery验证无法正常工作;在输入值时也显示错误消息

来自分类Dev

jQuery 验证,基于输入类型的不同错误消息

来自分类Dev

jQuery 验证插件希望消息在文本框下对齐

Related 相关文章

  1. 1

    jQuery验证:更改消息中的动态参数

  2. 2

    如何使用jQuery在每个文本框下方显示验证消息?

  3. 3

    在jQuery中检测“输入内的光标位置更改”何时?

  4. 4

    jQuery验证消息显示在jQuery Mobile中的文本输入内

  5. 5

    jQuery Mobile:如何验证表单并在页面上显示错误消息

  6. 6

    jQuery验证-在错误消息中显示字段名称

  7. 7

    在div容器中显示错误消息以使用Jquery进行验证

  8. 8

    使用jQuery验证在错误消息中显示输入值

  9. 9

    当用户不输入内容时,我想在表单验证中显示错误消息

  10. 10

    jQuery验证显示成功消息

  11. 11

    如何显示错误消息,如果字段留空或jQuery中的默认值验证

  12. 12

    在iframe中输入内容时如何显示输入?

  13. 13

    在jQuery的帮助下在文本框中输入值后如何显示消息?

  14. 14

    jQuery Mobile文本输入不集中

  15. 15

    文本输入不聚焦于jquery mobile 1.4.0

  16. 16

    文本输入在JQuery Mobile中浮动

  17. 17

    jQuery mobile自动完成功能,在搜索时显示消息

  18. 18

    用户在文本字段中输入内容时运行验证

  19. 19

    通过jQuery Mobile设置文本输入值

  20. 20

    jQuery在输入下验证发布错误消息

  21. 21

    jQuery验证文本输入字段

  22. 22

    jQuery验证错误消息的错误类与输入字段的关系

  23. 23

    在bootsrap文本框旁边显示Jquery表单验证消息

  24. 24

    CKEditor和JQuery验证:输入文本后错误消息不消失

  25. 25

    jQuery表单验证中的错误消息

  26. 26

    jQuery验证输入并显示隐藏的div

  27. 27

    jQuery验证无法正常工作;在输入值时也显示错误消息

  28. 28

    jQuery 验证,基于输入类型的不同错误消息

  29. 29

    jQuery 验证插件希望消息在文本框下对齐

热门标签

归档