form表单注册账号

来源:互联网 发布:win10 注册表改mac地址 编辑:程序博客网 时间:2024/04/26 14:22

案例

用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">密&nbsp;  码:</lable><input type="password" onblur="checkPwd()" id="pwd"/><br/>            <span id="pwdMessage"></span><br/>            <lable class="fixd">邮&nbsp;  箱:</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>

“`

0 0
原创粉丝点击