登录注册功能的实现,核心的验证代码
来源:互联网 发布:严宽乔振宇 知乎 编辑:程序博客网 时间:2024/05/18 00:43
<script type="text/javascript">
//初始化模块
var singupApp = angular.module("singupApp", []);
//控制器事件
singupApp.controller("singCtrl", ["$scope", "$http", function($scope, $http) {
//初始化短信内容
$scope.smsMsg = "发送验证码";
//设置action为true
var active = true;
//设置时间为60秒
var second = 60;
//设计一个倒计时的方法
var secondInterval;
$scope.getcheckCode = function(telephone) {
//当发生点击事件后
if(active = false) {
return; //跳出当前方法不做任何操作
}
var telephones = /^1(3|5|7|8)\d{9}$/;
if(telephones.test(telephone)) {
//如果满足则发送短信
$http({
method: 'GET',
url: 'customer_sendSms.action',
params: {
telephone: telephone
}
}).error(function(data, status, headers, config) {
// 当响应以错误状态返回时调用
alert("短信发送出错请联系管理员");
});
} else {
//如果不满足
alert("手机的格式不正确");
return;
}
//发生点击事件后
active = false; //设置为false
//触发一个倒计时的方法 定时器
secondInterval = setInterval(function() {
//首先判断定时器的时间
if(second < 0) {
//设置为
$scope.smsMsg = "发送验证码";
$scope.$digest(); //强制刷新
active = true;
second = 60;
//关闭定时器
clearInterval(secondInterval);
secondInterval = "undefined";
} else {
//没有定时完成
$scope.smsMsg = second + "秒后重新发送";
$scope.$digest(); //强制刷新
second--;
//设置active为true
}
}, 1000);
}
}]);
$(function() {
//验证手机号
$("#inputtelephone").blur(function() {
//去数据库验证电话号码是否已经被注册
var telephone = $("#inputtelephone").val();
var telephones = /^1(3|5|7|8)\d{9}$/;
//利用post请求去数据库请求
$.post("telephone.action", {
"telephone": telephone
}, function(data) {
if(telephones.test(telephone)) {
alert(data);
} else {
alert("号码不符合规范,请重新输入");
}
}, "json");
});
//验证密码
$("#inputpassword").blur(function() {
//验证密码是否满足
var inputpassword = $("#inputpassword").val();
if(inputpassword.length < 6) {
alert("密码不足6位");
}
});
$("#affirminputpassword").blur(function() {
//验证密码是否满足
var inputpassword = $("#inputpassword").val();
var affirminputpassword = $("#affirminputpassword").val();
if(inputpassword != affirminputpassword) {
alert("前后密码不一致");
} else {
alert("正确匹配");
}
});
//验证邮箱
$("#inputemail").blur(function() {
var emails = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
var email = $("#inputemail").val();
if(emails.test(email)) {
alert("邮箱格式正确");
} else {
alert("邮箱格式不正确请重新输入");
}
});
//注册按钮之前验证 //判断是否被勾选
$("#registid").click(function() {
if($("#checkboxid").is(':checked')) {
//判断同意按钮是否被选中
alert("已经选中");
//判断选中按钮是否被选中 已经选中则提交表单
$("#customerForm").submit();
//$("#registid").href="javascript:$('#customerForm').submit()";
} else {
//没有选中则不提交
alert("请勾选速运快递服务协议");
//$("#registid").href="#";
}
});
});
</script>
//初始化模块
var singupApp = angular.module("singupApp", []);
//控制器事件
singupApp.controller("singCtrl", ["$scope", "$http", function($scope, $http) {
//初始化短信内容
$scope.smsMsg = "发送验证码";
//设置action为true
var active = true;
//设置时间为60秒
var second = 60;
//设计一个倒计时的方法
var secondInterval;
$scope.getcheckCode = function(telephone) {
//当发生点击事件后
if(active = false) {
return; //跳出当前方法不做任何操作
}
var telephones = /^1(3|5|7|8)\d{9}$/;
if(telephones.test(telephone)) {
//如果满足则发送短信
$http({
method: 'GET',
url: 'customer_sendSms.action',
params: {
telephone: telephone
}
}).error(function(data, status, headers, config) {
// 当响应以错误状态返回时调用
alert("短信发送出错请联系管理员");
});
} else {
//如果不满足
alert("手机的格式不正确");
return;
}
//发生点击事件后
active = false; //设置为false
//触发一个倒计时的方法 定时器
secondInterval = setInterval(function() {
//首先判断定时器的时间
if(second < 0) {
//设置为
$scope.smsMsg = "发送验证码";
$scope.$digest(); //强制刷新
active = true;
second = 60;
//关闭定时器
clearInterval(secondInterval);
secondInterval = "undefined";
} else {
//没有定时完成
$scope.smsMsg = second + "秒后重新发送";
$scope.$digest(); //强制刷新
second--;
//设置active为true
}
}, 1000);
}
}]);
$(function() {
//验证手机号
$("#inputtelephone").blur(function() {
//去数据库验证电话号码是否已经被注册
var telephone = $("#inputtelephone").val();
var telephones = /^1(3|5|7|8)\d{9}$/;
//利用post请求去数据库请求
$.post("telephone.action", {
"telephone": telephone
}, function(data) {
if(telephones.test(telephone)) {
alert(data);
} else {
alert("号码不符合规范,请重新输入");
}
}, "json");
});
//验证密码
$("#inputpassword").blur(function() {
//验证密码是否满足
var inputpassword = $("#inputpassword").val();
if(inputpassword.length < 6) {
alert("密码不足6位");
}
});
$("#affirminputpassword").blur(function() {
//验证密码是否满足
var inputpassword = $("#inputpassword").val();
var affirminputpassword = $("#affirminputpassword").val();
if(inputpassword != affirminputpassword) {
alert("前后密码不一致");
} else {
alert("正确匹配");
}
});
//验证邮箱
$("#inputemail").blur(function() {
var emails = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
var email = $("#inputemail").val();
if(emails.test(email)) {
alert("邮箱格式正确");
} else {
alert("邮箱格式不正确请重新输入");
}
});
//注册按钮之前验证 //判断是否被勾选
$("#registid").click(function() {
if($("#checkboxid").is(':checked')) {
//判断同意按钮是否被选中
alert("已经选中");
//判断选中按钮是否被选中 已经选中则提交表单
$("#customerForm").submit();
//$("#registid").href="javascript:$('#customerForm').submit()";
} else {
//没有选中则不提交
alert("请勾选速运快递服务协议");
//$("#registid").href="#";
}
});
});
</script>
阅读全文
0 0
- 登录注册功能的实现,核心的验证代码
- 注册登录的验证代码
- 实现登录注册验证功能
- 验证码的获取和注册功能的代码实现
- ECshop中注册时的邮箱验证功能实现代码
- JSP的注册验证功能的实现
- week10-实现网站的登录、注册功能
- XMPP实现简单的登录注册功能
- javaweb简单的登录注册功能实现
- javaweb简单的登录注册功能实现
- javaweb简单的登录注册功能实现
- Servlet简单实现的注册登录功能
- 用户注册与登录功能的实现
- javaweb简单的登录注册功能实现
- JSP注册验证功能的实现
- 简单的登录、注册以及带有验证码功能
- 登录+注册界面的实现(代码)
- Mysqli实现的注册登录后台代码
- 虽然微不足道但是很有用的JAVA基础—函数
- 多态中的对象变化内存图解
- Product of Array Except Self_Week5
- Unity3D脚本中创建的gameobject如何删除
- 数组和类数组转换-学习笔记
- 登录注册功能的实现,核心的验证代码
- 浮点数在内存中的存储形式
- CF2017.10.5 C. Qualification Rounds
- mysql触发器
- SPI写解析
- 走穿java23种设计模式-4建造者模式详解
- disable default certificate verification in python 2.7.8
- 如何隐藏手机号码
- 如何在caffe中添加新的Layer