form表单注册账号

案例

用form表单注册账号

1.用div将表单包起来,设置div宽高,border样式,效果看起来更好
2.form表单用一个fun()函数返回一个false值阻止提交模式,在表单中加入基本标签,用户名,密码,邮箱,submit提交按钮,
3.用正则表达式验证鼠标移开时,用户名,密码,邮箱是否可用
4.当用户名,密码,邮箱验证都可用时,返回一个true值,form表单可提交
5.form表单成功提交到注册成功页面

head>
    <body>
    <div>
        <form onsubmit="return fun()" action="video.html">
            <lable class="fixd">用户名:lable><input type="text" onblur="checkName()" id="name"/><br/>
            <span id="nameMessage">span><br/>
            <lable class="fixd">密   码:lable><input type="password" onblur="checkPwd()" id="pwd"/><br/>
            <span id="pwdMessage">span><br/>
            <lable class="fixd">邮   箱:lable><input type="text" onblur="checkEmail()" id="email"/><br/>
            <span id="emailMessage">span><br>
            <input type="submit" value="注册" id="transfer">
        form>
    div>

    <script type="text/javascript" src="js/form4.js">

    script>
    body>

“`

你可能感兴趣的:(form表单注册账号)