Javascript表单验证对象控件+ajax简单验证重复项与ajax提交数据

前几日做了表单验证的控件，近日做了一些修改，增加了AJAX的简单验证，AJAX的提交，后台程序使用PHP+MYSQL，
所以又对此文进行修改，表单验证部分基本没变，修改了以前的一个小BUG，对JS代码做了分离到一个JS的文件的处理。
-----------------------------------------------------------------------------------------------------
对象使用方法：肿么感觉这么复杂。。。。我只是做练习。。。。
构造函数需要传递三个参数，一个是对应form的ID，另一个是options对象（包含匹配的正则表达式，和出错提示），
最后一个是表单Ajax提交的URL,带URL的时候按照Ajax方法提交，不带URL的时候按照正常的表单提交，
options的属性是ID(此处的属性ID对应上面相应的表单ID)组成，如下：

    var options = {
        username:[/^[a-zA-Z][a-zA-Z0-9_-]{2,}$/, '字母、数字以及(-_)组成，字母开头,不低于3个字符'],
        email:[/^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/, '邮件格式不正确'],
        //phoneNo:[/^(\d{3}-\d{8})|(\d{4}-\d{7})$/, '号码格式为 0000-0000000 或 000-00000000'],
        mobileNo:[/^1[358]\d{9}$/, '必填，手机号码不正确'],
        psw:[/^.{6,12}$/, '6-12位字符']
    };
    var checkMe = new VVG_Form_Checking('vvgForm', options, 'getPost.php');
    checkMe.addFormEvent();

还有验证邮箱和用户名是否存在也有一个ajax提交URL，是在JS代码里面配，PHP水平有限
应该可以整合到getpost.php里面的吧。。。。。。
-----------------------------------------------------------------------------------

HTML代码如下：
View Code

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>表单验证控件</title>
    <style type="text/css">
        #vvgForm div { margin: 5px 0; font-size: 12px; }
        .tip { display: inline-block; padding: 5px; line-height: 16px; }
        .tip img { position: relative; top: 3px; *top: 2px; }
        .tip span { position: relative; left: 5px; *top: -1px; }
        label { width: 100px; float: left; line-height: 23px; font-size: 13px; }
        .typetext, .typepsw, .typeselect { border-radius: 3px; border: 2px solid #a1a1a1; height: 20px; line-height: 20px; width: 150px; padding: 2px; }
        .typeselect { height: 27px; line-height: 27px; width: 158px; }
    </style>
</head>
<body>
<h1>form表单ajax登陆验证demo</h1>
<form action="" method="post" id="vvgForm">
    <div>
        <label for="username"> 用户名：</label>
        <input type="text" name="username" id="username" class="typetext required ">
        <span class="tip">必填，字母、数字以及(-_)组成，以字母开头</span>
    </div>
    <div>
        <label for="email"> 邮箱是：</label>
        <input type="text" name="email" id="email" class="typetext required">
        <span class="tip">必填</span>
    </div>
    <div>
        <label for="psw"> 密码：</label>
        <input type="password" name="psw" id="psw" class="typepsw required">
        <span class="tip">6-12位字符</span>
    </div>
    <div>
        <label for="pswRepeat"> 重复密码：</label>
        <input type="password" name="pswRepeat" id="pswRepeat" class="typepsw required">
        <span class="tip"></span>
    </div>
    <div>
        <label for="phoneNo"> 固定电话：</label>
        <input type="text" name="phoneNo" id="phoneNo" class="typetext">
        <span class="tip">格式：000-00000000或者0000-0000000</span>
    </div>
    <div>
        <label for="mobileNo"> 手机号码：</label>
        <input type="text" name="mobileNo" id="mobileNo" class="typetext required">
        <span class="tip">必填</span>
    </div>
    <div>
        <label for="question"> 查询密码问题：</label>
        <select name="question" id="question" class="typeselect">
            <option selected value="">--请您选择--</option>
            <option value="我的宠物名字？">我的宠物名字？</option>
            <option value="我最好的朋友是谁？">我最好的朋友是谁？</option>
            <option value="我最喜爱的颜色？">我最喜爱的颜色？</option>
            <option value="我最喜爱的电影？">我最喜爱的电影？</option>
            <option value="我最喜爱的影星？">我最喜爱的影星？</option>
            <option value="我最喜爱的歌曲？">我最喜爱的歌曲？</option>
            <option value="我最喜爱的食物？">我最喜爱的食物？</option>
            <option value="我最大的爱好？">我最大的爱好？</option>
        </select>
        <span class="tip">用于找回密码</span>
    </div>
    <div>
        <label for="question2"> 查询密码答案：</label>

补充：web前端 , JavaScript ,