zoukankan      html  css  js  c++  java
  • ajax 邮箱验证

    <body>
      <div class="container">
      <div class="form-group">
      <label>邮箱地址</label>
      <input type="email" class="form-control" placeholder="请输入邮箱地址" id="email">
      </div>
      <!-- 错误 bg-danger 正确 bg-success -->
      <p id="info"></p>
      </div>
      <script src="/js/ajax.js"></script>
      <script>
      // 获取页面中的元素
      var emailInp = document.getElementById('email');
      var info = document.getElementById('info');
       
      // 当文本框离开焦点以后
      emailInp.onblur = function () {
      // 获取用户输入的邮箱地址
      var email = this.value;
      // 验证邮箱地址的正则表达式
      var reg = /^[A-Za-zd]+([-_.][A-Za-zd]+)*@([A-Za-zd]+[-.])+[A-Za-zd]{2,4}$/;
      // 如果用户输入的邮箱地址不符合规则
      if (!reg.test(email)) {
      // 给出用户提示
      info.innerHTML = '请输入符合规则的邮箱地址';
      // 让提示信息显示为错误提示信息的样式
      info.className = 'bg-danger';
      // 阻止程序向下执行
      return;
      }
       
      // 向服务器端发送请求
      ajax({
      type: 'get',
      url: 'http://localhost:3000/verifyEmailAdress',
      data: {
      email: email
      },
      success: function (result) {
      console.log(result);
      info.innerHTML = result.message;
      info.className = 'bg-success';
      },
      error: function (result) {
      console.log(result)
      info.innerHTML = result.message;
      info.className = 'bg-danger';
      }
      });
       
      }
      </script>
  • 相关阅读:
    LAMP搭建示例
    MySQL主从
    list多字段去重
    mysql按照某一个条件进行分组统计,同时又要保证一个相同字段的数据只统计一次
    sentinel自定义异常处理
    sentinel规则持久化
    zookeeper
    shiro
    iframe之间传递参数
    自定义标签
  • 原文地址:https://www.cnblogs.com/ericblog1992/p/13130094.html
Copyright © 2011-2022 走看看