仅在使用 jQuery 验证时显示消息

TRS7

我试图在所有文本区域都填满后才在视口上显示一条消息。现在 myMessage 在单击我的页面上的按钮后立即出现,即使名字字段尚未验证。一旦用户填写了“名字”的表单元素,如何使 myMessage 仅出现?

$(document).ready(function() {
  $("#submitinfo").click(function() {
    var myFirstName = $("#first_name").val().trim();
    if (!myFirstName) {
      $("#first_error").html("You must Enter a First Name");
      $('#first_name').focus();
    } else {
      $("#first_error").html("");
    }
    $("#message").css('background-color', 'red');
    var myMessage = "Your name is " + myFirstName;
    $("#message").html(myMessage);
    return false;
  });

});
<label for="first_name">First Name:</label>
<input type="text" id="first_name" name="first_name"> <span class="error" id="first_error"></span>
<input type="button" id="submitinfo" value="Submit">
<span class="message" id="message"></span>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

飞行动力学

将您的myMessage代码放在else块中。您还想删除#messageif的内容!myFirstName

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

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

来自分类Dev

jQuery仅在可见时隐藏,仅在隐藏时显示

来自分类Dev

仅在使用Jquery UI滑块点时按下点时,滑块的值不会改变

来自分类Dev

使用验证批注时,如何强制显示错误消息的顺序?

来自分类Dev

我应该使用jQuery添加内容还是仅在需要时显示/隐藏它?

来自分类Dev

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

来自分类Dev

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

来自分类Dev

仅在使用jQuery的移动设备上显示div

来自分类Dev

jQuery动画仅在鼠标移动时显示。

来自分类Dev

jQuery-使用replaceWith时显示加载消息

来自分类Dev

使用Jquery验证数据注释,不显示错误消息

来自分类Dev

jQuery仅在单击时显示-不在加载时单击

来自分类Dev

jQuery验证显示成功消息

来自分类Dev

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

来自分类Dev

jQuery验证-errorPlacement仅在第一次使用时有效

来自分类Dev

单击任何标签时,使用JQuery显示加载消息

来自分类Dev

仅在需要时使用DOM中的jQuery加载HTML元素

来自分类Dev

仅在使用Jquery Ajax将邮件发送给收件人之后,如何显示成功消息

来自分类Dev

启用单选按钮时如何在html中使用jquery显示消息

来自分类Dev

如何显示对话框仅在Jquery Mobile 1.4上使用javascript

来自分类Dev

使用Kendo UI验证程序如何隐藏默认验证错误消息并仅在工具提示上显示消息

来自分类Dev

jQuery仅在已选中时才删除突出显示

来自分类Dev

jQuery信用卡验证器仅在提交或单击时

来自分类Dev

使用jQuery显示错误消息并使它消失

来自分类Dev

jQuery函数仅在使用jquery .load时工作一次

来自分类Dev

使用jquery验证条件时显示警报

来自分类Dev

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

来自分类Dev

显示验证消息时,使用“关闭窗口”按钮关闭 Windows 窗体

Related 相关文章

  1. 1

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

  2. 2

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

  3. 3

    jQuery仅在可见时隐藏,仅在隐藏时显示

  4. 4

    仅在使用Jquery UI滑块点时按下点时,滑块的值不会改变

  5. 5

    使用验证批注时,如何强制显示错误消息的顺序?

  6. 6

    我应该使用jQuery添加内容还是仅在需要时显示/隐藏它?

  7. 7

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

  8. 8

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

  9. 9

    仅在使用jQuery的移动设备上显示div

  10. 10

    jQuery动画仅在鼠标移动时显示。

  11. 11

    jQuery-使用replaceWith时显示加载消息

  12. 12

    使用Jquery验证数据注释,不显示错误消息

  13. 13

    jQuery仅在单击时显示-不在加载时单击

  14. 14

    jQuery验证显示成功消息

  15. 15

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

  16. 16

    jQuery验证-errorPlacement仅在第一次使用时有效

  17. 17

    单击任何标签时,使用JQuery显示加载消息

  18. 18

    仅在需要时使用DOM中的jQuery加载HTML元素

  19. 19

    仅在使用Jquery Ajax将邮件发送给收件人之后,如何显示成功消息

  20. 20

    启用单选按钮时如何在html中使用jquery显示消息

  21. 21

    如何显示对话框仅在Jquery Mobile 1.4上使用javascript

  22. 22

    使用Kendo UI验证程序如何隐藏默认验证错误消息并仅在工具提示上显示消息

  23. 23

    jQuery仅在已选中时才删除突出显示

  24. 24

    jQuery信用卡验证器仅在提交或单击时

  25. 25

    使用jQuery显示错误消息并使它消失

  26. 26

    jQuery函数仅在使用jquery .load时工作一次

  27. 27

    使用jquery验证条件时显示警报

  28. 28

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

  29. 29

    显示验证消息时,使用“关闭窗口”按钮关闭 Windows 窗体

热门标签

归档