用HTML和CSS写注册登录界面，包括用户名、密码、确认密码、邮箱、姓名、手机号、性别、出生日期、地点、图文验证码。填写信息时带提醒。对于注册界面，可以将其划分为三个部分，分别为左边的“新用户注册”，中间的主体部分，以及右边的“已有账号？立即登录”部分。可利用正则表达式对填写信息进行判断。可利用前端jquery技术实现地点部分的城市三级联动。

好的，我可以提供一个简单的实现思路，具体的样式和细节可以根据需求进行调整和完善。

首先，我们可以设计一个三栏式布局，左侧为注册框，右侧为登录框，中间是图片或者广告等内容。可以使用div标签来实现。

然后，对于注册框，我们可以使用表单元素来收集用户的信息。表单元素包括input、select、textarea等。可以设置各个表单元素的name、id、class、type等属性，以便后面进行样式和JavaScript的操作。

对于输入框，我们可以使用HTML5的placeholder属性来提示用户输入，同时可以使用CSS的伪类选择器:focus来实现输入框获得焦点时的样式变化。例如：

input[type=text]:focus, input[type=password]:focus {
  border: 2px solid #4CAF50;
}

对于表单验证，可以使用JavaScript和正则表达式来判断各个表单元素的输入是否合法。例如：

var name = document.getElementById("name").value;
if (!/^[\u4e00-\u9fa5]{2,4}$/.test(name)) {
  alert("请输入正确的姓名！");
  return false;
}

对于地点部分的城市三级联动，可以使用jQuery的ajax方法从后台获取省市区的数据，并动态生成下拉框的选项。可以使用事件监听来实现选项的联动。例如：

$("#province").change(function() {
  var province = $(this).val();
  $.ajax({
    url: "getCity.php",
    data: {province: province},
    success: function(data) {
      $("#city").html(data);
      $("#district").empty();
    }
  });
});

对于图文验证码，可以使用canvas绘制验证码图片，同时使用Math.random()随机生成验证码的文本内容。可以使用JavaScript监听用户输入的验证码内容，并与生成的验证码内容进行比较，判断用户输入是否正确。例如：

function draw() {
  var canvas = document.getElementById("captcha");
  var ctx = canvas.getContext("2d");
  var chars = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
  var code = "";
  for (var i = 0; i < 4; i++) {
    code += chars[Math.floor(Math.random() * 62)];
  }
  ctx.font = "24px Arial";
  ctx.fillText(code, 10, 30);
  canvas.onclick = function() {
    draw();
  }
  document.getElementById("captcha_code").value = code;
}

以上是一个简单的实现思路，具体的样式和细节可以根据需求进行调整和完善。