注册表单在网页应用中十分重要，今天要向大家分享一款基于HMLT5的分步骤注册表单页面，表单外观比较华丽，点击下一步按钮即可跳转到下一步填写注册信息。该HTML5表单使用了很多CSS3属性，从而在表单切换时拥有弹性的动画，是一款很不错的HTML5表单。建议使用支持HTML5与CSS3的火狐或谷歌等浏览器预览本实例源码。
2022-05-19 17:36:18
40KB
1
js代码
[removed]
function checkreg() {
var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1})) \d{8})$/;
if(document.form1.name.value == "") {
//alert("请输入您的用户名!");
document.getElementById("tish")[removed] = "请输入您的用户名!";
form1.name.focus();
return false;
}
document.getElementById("tish")[removed] = "正确";
// if (document.form1.User.value.length15)
// {
// alert("用户名长度限制在4-15位!");
// form1.User.focus();
// return false;
// }
if(document.form1.password.value == "") {
//alert("请输入密码!");
document.getElementById("ts")[removed] = "请输入密码";
form1.password.focus();
return false;
}
if(document.form1.password.value.length 20) {
//alert("密码长度限制在6-20位!");
document.getElementById("ts")[removed] = "密码长度限制在6-20位!";
form1.password.focus();
return false;
}
document.getElementById("ts")[removed] = "正确";
if(document.form1.password.value != document.form1.Pwdagain.value) {
document.getElementById("tishi")[removed] = "两次密码不相同";
form1.password.focus();
return false;
}
document.getElementById("tishi")[removed] = "正确";
// alert("注册成功!");
// location.href="http://www.lanrenzhijia.com";
if(!myreg.test(document.form1.phone.value)) {
document.getElementById("tss")[removed] = "手机号码错误";
form1.password.focus();
return false;
}
document.getElementById("tss")[removed] = "正确";
if(document.form1.code.value == "") {
document.getElementById("tsi")[removed] = "验证码不能为空";
form1.code.focus();
return false;
}
document.getElementById("tsi")[removed] = "正确";
location.href="homepage.html";
}
function sendMessage(t) {
var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(17[0-9]{1})) \d{8})$/;
if(!myreg.test(document.form1.phone.value))
{
alert('请输入有效的手机号码！');
return false;
} //
document.form1.dynamic.disabled = true;
for(i = 1; i <= t; i ) {
window.setTimeout("update_p(" i "," t ")", i * 1000);
}
}
function update_p(num, t) {
if(num == t) {
document.form1.dynamic.value = " 重新发送 ";
document.form1.dynamic.disabled = false;
}
else {
printnr = t - num;
document.form1.dynamic.value = " (" printnr ")秒后重发";
}
}
[removed]
2022-03-16 16:42:08
3KB
1
javascript实现的一个较全功能的注册表单，仿京东注册表单，可以实现用户注册信息验证，用户名验证，密码强弱验证等，验证信息有图标提示，随机验证码生成，涉及正则表达式，表单脚本等知识点应用。
2021-12-16 19:02:54
9KB
1
jQuery点击弹出登录注册表单代码是一款jQuery基于bootstrap制作网站点击弹出登录或注册表单内容切换代码。
2021-12-15 22:42:04
146KB
1
SL会员商城系统后台管理模板源码
源码描述：
一、源码特点
1、SL会员商城系统后台管理模板，DIV+CSS网页布局，全套完整模板，包括注册表单、用户管理、注册成功、资讯管理、商品管理、商品添加、商品修改、会员列表、购物车、汇款充值、公告管理、登录、消费账户、提现明细等69个后台模板页面。
二、菜单功能
1、后台管理：用户管理、角色管理、权限管理、商品管理、商品套餐管理、基础信息、数据字典
2、会员管理：注册新会员、新会员管理、修改本人密码、修改本人资料
3、电子银行：汇款充值、基本账户、内部转账、申请提现、提现说明
4、购物管理：报单购货、确认激活、重消购货、购货管理
5、信息查询：奖励查询、推荐查询、区域查询、操作须知
6、资讯管理：公告管理、资讯管理、下载中心、留言管理
三、注意事项
1、开发环境为Visual Studio 2010，无数据库，使用HTML/CSS/jQuery开发。
2021-12-15 12:01:11
7.9MB