微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)


Posted in Javascript onDecember 08, 2017

下面一小段代码给大家介绍微信小程序 功能函数 密码验证*,具体代码如下所示:

//登录输入密码
userPasswordInput: function (e) {
var that = this;
this.setData({
userPassword: e.detail.value
})
// console.log(e.detail.value.length)
// console.log(e.detail.value);
var value = e.detail.value
var strkong = /^[0-9a-zA-Z]{0,25}$/g;
if (strkong.test(value)) {
that.setData({
truePwd: true
})
} else {
// console.log("cwoca")
wx.showModal({
title: '提示',
content: '密码由0~25位由数字和26个英文字母混合而成',
showCancel: false,
success: function (res) {
that.setData({
truePwd: false
})
}
})
}
},

下面给大家介绍微信小程序 功能函数 手机号验证*,具体代码如下所示:

// 登录手机验证
loginPhone: function (e) {
var phone = e.detail.value;
if (!(/^1[34578]\d{9}$/.test(phone))) {
this.setData({
ajxtrue: false
})
if (phone.length >= 11) {
wx.showToast({
title: '手机号有误',
icon: 'success',
duration: 2000
})
}
} else {
this.setData({
ajxtrue: true
})
}
},

下面一段代码给大家介绍微信小程序 功能函数 获取验证码*,具体代码如下所示:

yanZhengInput: function (e) {
var that = this;
var yanzheng = e.detail.value;
var huozheng = this.data.huozheng
console.log(e.detail.value)
that.setData({
yanzheng: yanzheng,
zhengTrue: false,
})
if (yanzheng.length >= 4) {
if (yanzheng == huozheng) {
that.setData({
zhengTrue: true,
})
} else {
that.setData({
zhengTrue: false,
})
wx.showModal({
content: '输入验证码有误',
showCancel: false,
success: function (res) {
}
})
}
}
},
yanzhengBtn: function () {
// console.log(app.globalData.userId);
var getChange = this.data.getChange
var n = 59;
var that = this;
var phone = this.data.linPhone;
console.log(phone)
var user = wx.getStorageSync('user');
if (!(/^1[34578]\d{9}$/.test(phone))) {
wx.showToast({
title: '手机号有误',
icon: 'success',
duration: 2000
})
} else {
if (getChange) {
this.setData({
getChange: false
})
var time = setInterval(function () {
var str = '(' + n + ')' + '重新获取'
that.setData({
getText: str
})
if (n <= 0) {
that.setData({
getChange: true,
getText: '重新获取'
})
clearInterval(time);
}
n--;
}, 1000);
wx.request({
url: 'https://www.didu86.com/Clothes-manager-web/codenum',
data: {
tel: phone,
},
header: {
'content-type': 'application/json'
},
success: function (res) {
var result = res.data.code;
console.log(result)
that.setData({
huozheng: result,
})
}
})
}
}
},

总结

以上所述是小编给大家介绍的微信小程序 功能函数 手机号、密码验证*、获取验证码*,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery弹出框的用法示例(2)
Aug 26 Javascript
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
Jan 07 Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
May 14 Javascript
javascript删除元素节点removeChild()用法实例
May 26 Javascript
JavaScript获取图片像素颜色并转换为box-shadow显示
Mar 11 Javascript
详解vue-loader在项目中是如何配置的
Jun 04 Javascript
mpvue中使用flyjs全局拦截的实现代码
Sep 13 Javascript
浅谈目前可以使用ES10的5个新特性
Jun 25 Javascript
Node.js学习之内置模块fs用法示例
Jan 22 Javascript
使用vue实现通过变量动态拼接url
Jul 22 Javascript
微信小程序换肤功能实现代码(思路详解)
Aug 25 Javascript
如何手写一个简易的 Vuex
Oct 10 Javascript
javaScript字符串工具类StringUtils详解
Dec 08 #Javascript
javaScript日期工具类DateUtils详解
Dec 08 #Javascript
微信小程序获取手机网络状态的方法【附源码下载】
Dec 08 #Javascript
在Swiper内如何制作CSS3动画效果示例代码
Dec 07 #Javascript
微信小程序wx.previewImage预览图片实例详解
Dec 07 #Javascript
关于JavaScript语句后面的分号问题
Dec 07 #Javascript
微信小程序获取手机系统信息的方法【附源码下载】
Dec 07 #Javascript
You might like
PHP DataGrid 实现代码
2009/08/12 PHP
php下使用iconv需要注意的问题
2010/11/20 PHP
浏览器预览PHP文件时顶部出现空白影响布局分析原因及解决办法
2013/01/11 PHP
php+xml实现在线英文词典查询的方法
2015/01/23 PHP
php防止用户重复提交表单
2015/11/02 PHP
php生成mysql的数据字典
2016/07/07 PHP
CodeIgniter框架基本增删改查操作示例
2017/03/23 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
laravel框架使用FormRequest进行表单验证,验证异常返回JSON操作示例
2020/02/18 PHP
使用jquery给input和textarea设定ie中的focus
2008/05/29 Javascript
Jquery颜色选择器ColorPicker实现代码
2012/11/14 Javascript
超级好用的jQuery圆角插件 Corner速成
2014/08/31 Javascript
使用jQuery或者原生js实现鼠标滚动加载页面新数据
2016/03/06 Javascript
基于d3.js实现实时刷新的折线图
2016/08/03 Javascript
AngularJS使用Filter自定义过滤器控制ng-repeat去除重复功能示例
2018/04/21 Javascript
微信小程序的部署方法步骤
2018/09/04 Javascript
手把手带你封装一个vue component第三方库
2019/02/14 Javascript
在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】
2019/06/09 Javascript
微信小程序自定义头部导航栏(组件化)
2019/11/15 Javascript
Vue SSR 即时编译技术的实现
2020/05/06 Javascript
Python类属性的延迟计算
2016/10/22 Python
numpy中索引和切片详解
2017/12/15 Python
Python3多线程爬虫实例讲解代码
2018/01/05 Python
Python及Pycharm安装方法图文教程
2019/08/05 Python
Python第三方包PrettyTable安装及用法解析
2020/07/08 Python
Python爬虫之Selenium鼠标事件的实现
2020/12/04 Python
使用HTML5和CSS3表单验证功能
2017/05/05 HTML / CSS
MCM英国官网:奢侈皮具制品
2017/04/18 全球购物
销售辞职报告范文
2014/01/12 职场文书
面临毕业的毕业生自荐书范文
2014/02/05 职场文书
学校综治宣传月活动总结
2014/07/02 职场文书
供电工程专业求职信
2014/08/09 职场文书
离婚协议书范文2014
2014/10/16 职场文书
2015年销售工作总结范文
2015/03/30 职场文书
导游词之襄阳古城
2019/09/27 职场文书
python文件与路径操作神器 pathlib
2022/04/01 Python