js对用户输入的内容做邮箱验证的方法_WEB前端开发

layui弹出层(open)的属性介绍_WEB前端开发

layui框架是一款采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。本文为大家介绍了layui弹出层(open)的属性,希望对大家有一定的帮助。

js对用户输入的内容做邮箱验证的方法

ps菜单栏字体大小调节方法_WEB前端开发

ps菜单栏字体大小调节方法:首先在空白桌面上右键单击,选择个性化设置;然后在弹出的对话框中选择窗口颜色;接着在弹出的对话框中选择高级外观设置;最后在项目中选择菜单,在字体大小处选择合适的字体大小,点击确定,返回时点击保存修改即可。

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <title>title</title>

</head>

<body>
  <!-- 请您输入邮箱地址:<input type="text" value="" id="email"/> *<br/> -->
  请您输入邮箱地址:<input type="text" value="" id="email" /> *<br />
  <script>
    //如果输入的是邮箱,那么背景颜色为绿色,否则为红色
    //获取文本框,注册失去焦点的事件
    document.getElementById("email").onblur = function () {
      //判断这个文本框中输入的是不是邮箱
      var reg = /^[0-9a-zA-Z_.-]+[@][0-9a-zA-Z_.-]+([.][a-zA-Z]+){1,2}$/;
      if (reg.test(this.value)) {
        this.style.backgroundColor = "green";
      } else {
        this.style.backgroundColor = "red";
      }
    };
  </script>

</body>

</html>

本文来自 js教程 栏目,欢迎学习!

以上就是js对用户输入的内容做邮箱验证的方法的详细内容,更多请关注ki4网其它相关文章!

基于layui+cropper.js实现上传图片的裁剪功能的方法_WEB前端开发

layui是一款采用自身模块规范编写的前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用。本文为大家介绍了基于layui+cropper.js实现上传图片的裁剪功能的方法。

点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注