javascript - 使用标注而不是输入错误消息的警报

标签 javascript jquery jquery-mobile

是否可以在标注或气泡中弹出用户错误消息,例如“用户名必须是六个字符”,而不是

alert("User name must be six characters");

标注不应需要任何用户交互,并且应在给定时间段(例如两秒)后自行消失。

最佳答案

如果你想要自定义弹出窗口,CSS 是主要的竞争者。 Javascript 需要做的就是在所需的条件下切换它。

<script>
  function popup(){
    warning.style.display='block';
    setTimeout(function(){
      warning.style.display='none';
    },2000);
  }
</script>

<body>
  <button onclick='popup()'>Button</button>
  <div id='warning' style='display:none;'>DONT DO THAT!</div>
</body>

关于javascript - 使用标注而不是输入错误消息的警报,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23121203/

相关文章:

Javascript onclick 函数麻烦

javascript - 使用javascript播放mp3链接作为文件

javascript - 使用数据预填充 Bootstrap 模式表单字段

javascript - scrolltop 在 centos 上不起作用

jquery - 仅在 Jquery-mobile 中将页面方向修复为横向

javascript - 在 JavaScript 上将图像背景设置为形状

javascript - Jquery 点击事件未在超时函数中触发

javascript - 专注于隐藏元素(取消隐藏后)并使用切换时的 jQuery 问题

javascript - 页面创建phonegap jquery mobile

javascript - 按下/释放时更改按钮的状态