邮箱必须带有@符号,电话号码和QQ必须要求输入格式与生活相符合,当你前台验证通过的时候你点击注册,表单会将你输入的值通过学号传递给后台并保存到数据库中。学生注册界面如下图:图5-1学生注册。

很抱歉，我没有收到你的图片。但是根据你的描述，我可以给你一些代码实现的建议：

在前台验证邮箱、电话号码和QQ格式是否符合要求，可以使用正则表达式进行验证。以下是示例代码：

// 验证邮箱格式
function checkEmail(email) {
  var reg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;
  return reg.test(email);
}

// 验证电话号码格式
function checkPhone(phone) {
  var reg = /^1[3456789]\d{9}$/;
  return reg.test(phone);
}

// 验证QQ格式
function checkQQ(qq) {
  var reg = /^[1-9]\d{4,10}$/;
  return reg.test(qq);
}

当前台验证通过时，可以使用 Ajax 将数据传递给后台进行保存。以下是示例代码：

// 获取表单数据并传递给后台
function register() {
  var stuNum = $('#stuNum').val();
  var name = $('#name').val();
  var email = $('#email').val();
  var phone = $('#phone').val();
  var qq = $('#qq').val();

  $.ajax({
    url: '/register',
    type: 'POST',
    dataType: 'json',
    data: {
      stuNum: stuNum,
      name: name,
      email: email,
      phone: phone,
      qq: qq
    },
    success: function(res) {
      if (res.code === 0) {
        alert('注册成功！');
        // 跳转到登录页面
        window.location.href = '/login';
      } else {
        alert('注册失败！');
      }
    },
    error: function(err) {
      console.log(err);
      alert('网络异常，请稍后再试！');
    }
  });
}

后台接收到数据后，可以使用数据库操作语言（如 SQL）将数据保存到数据库中。以下是示例代码：

// 引入数据库模块
var mysql = require('mysql');
// 创建连接池
var pool = mysql.createPool({
  host: 'localhost',
  user: 'root',
  password: 'password',
  database: 'mydb'
});

// 处理注册请求
function register(req, res) {
  // 获取表单数据
  var stuNum = req.body.stuNum;
  var name = req.body.name;
  var email = req.body.email;
  var phone = req.body.phone;
  var qq = req.body.qq;

  // 将数据保存到数据库中
  pool.getConnection(function(err, connection) {
    if (err) {
      console.log(err);
      res.json({ code: -1, msg: '数据库连接异常' });
    } else {
      var sql = 'INSERT INTO students(stu_num, name, email, phone, qq) VALUES(?, ?, ?, ?, ?)';
      var values = [stuNum, name, email, phone, qq];
      connection.query(sql, values, function(err, results, fields) {
        connection.release();
        if (err) {
          console.log(err);
          res.json({ code: -1, msg: '数据库查询异常' });
        } else {
          res.json({ code: 0, msg: '注册成功' });
        }
      });
    }
  });
}