实验要求

题目1： 表单数据的验证
完成一个简单的用户注册程序，在用户填写信息时对相关录入的信息进行有效性检查，当出现错误时，在项目的右边标签处显示提示信息。
用户名只能以字母开始，而不能以数字，_或$开始，字符长度大于6小于20；
密码不能和用户名相同，6<=长度<=20;
邮箱地址必须符合电子邮件的基本语法（建议：看一下正则表达式）；

题目2： DOM操作
设计一张如下图的网页，当选择“待选名单”“一个或多个元素，点击移入，则将选中的名字从”待选名单“移到”参加名单中“，在”参加名单“中点击”移出“，则将对应的名字从”参加名单“移动到”待选名单“中。

题目3： AJAX操作

实现PPT给出的AJAX实例。

实验目的

1. 用DOM实现表单数据的获取和验证，以及DOM元素移入移出
2. 用AJAX实现简单的与服务器交换数据操作

实验内容

一、 实验一：表单数据验证

1. 设置基本的html, 在html部分建立一个表单，包括用户名，密码，确认密码，邮箱四部分，在onsubmit属性后面添加函数，进行提交前的检查，当check()返回true的时候提交成功

<form action="" class="info" οnsubmit="return check()" name="form">
        用户名：<input type="text" name="username" value="以字母开头"><br>
        密码：<input type="password" name="pass01"><br>
        确认密码：<input type="password" name="pass02"><br>
        电子邮箱：<input type="email" name="email"><br>
        <input type="submit">
    </form>

2． 编写JavaScript部分代码，用户名部分用判断语句判断，保证开头为字母且在6-20位，密码以及确认密码直接用条件判断，邮箱用正则表达式，保证输入里有@和. 若错误，用alert函数给出错误提示。

JS部分：

<script>
        function check()
        {
   
            var user = document.form.username.value;//出错原因！！！
            var pass01 = document.form.pass01.value;
            var pass02 = document.form.pass02.value;
            var email = document.form.email.value;
            if (user.length > 6 && user.length < 20) {
   //出错原因！！！
                if (user.charAt(0) <= 'z' && user.charAt(0) >= 'a' || user.charAt(0) <= 'Z' && user.charAt(0) >= 'A') {
    }//出错原因！！！
                else {
   
                    alert("输入必须以字母开头！");
                }
            }
            else {
   
                alert("用户名长度不符合要求！")
            }
            if (pass01 == pass02) {
   
                if (user == pass01) {
   
                    alert('用户名不能与密码相同！')
                }
                else {
   
                    if (pass01.length > 20 || pass01.length < 6) {
   
                        alert("密码长度不符合要求！")
                    }
                }
            }
            else {
   
                alert("两次密码不同！")
            }
            var reg = /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@(