手机注册、图片验证码、手机验证码

最近在做公司的活动页,需要新用户注册送礼品。

HTML代码太简单,就不放了。

js代码

$(function(){
        //解决移动端点击延迟事件
        FastClick.attach(document.body);
        var sTimer = null;
        var registerMessageUrl = "图片验证码请求地址";
        var sendPhoneMessageUrl = "手机验证码地址";

        // 获取手机验证码

        var getCode = function () {
            if (sTimer !== null) {
                return;
            }

            var username = $('#userName').val();
            if (username === '') {
                tip('请输入有效手机号!');
                return;
            } else if (username.length !== 11) {
                tip('请输入11位有效号码!');
                return;
            } else if (String(username).indexOf(1) !== 0) {
                tip('请输入首位为1的手机号!');
                return;
            }
            // username=null;
            // var password = $('#passWord').val();
            // if (password === '') {
            //   tip('#passWord', '密码不能为空!');
            //   return;
            // } else if (password.trim().length < 8) {
            //   tip('#passWord', '请输入8-20位数密码!');
            //   return;
            // };
            // password=null;
            var imgcode = $('#imgCode').val();
            if (imgcode === '') {
                tip('请输入图形验证码!');
                return;
            } else if (imgcode.trim
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
你可以使用uniapp中提供的uni.request方法向后端发送请求,请求后端生成验证码并发送到用户的手机号。然后用户将收到验证码后,再输入验证即可完成注册。下面是一个简单的示例代码: ```javascript // 发送验证码请求 uni.request({ url: 'your/api/path', method: 'POST', data: { phone: 'your_phone_number' }, success: function (res) { console.log(res.data) // 打印后端返回的数据 } }) // 验证验证码 function checkVerificationCode() { // 获取用户输入的手机号和验证码 var phone = this.phone var code = this.verificationCode // 发送验证码验证请求 uni.request({ url: 'your/api/path', method: 'POST', data: { phone: phone, code: code }, success: function (res) { console.log(res.data) // 打印后端返回的数据 if (res.data.success) { // 验证成功,进行注册操作 registerUser() } else { // 验证失败,提示用户重新输入验证码 alert('验证码错误,请重新输入') } } }) } // 注册用户 function registerUser() { // 获取用户输入的用户名和密码 var username = this.username var password = this.password // 发送注册请求 uni.request({ url: 'your/api/path', method: 'POST', data: { username: username, password: password }, success: function (res) { console.log(res.data) // 打印后端返回的数据 if (res.data.success) { // 注册成功,跳转到登录页面 uni.navigateTo({ url: '/pages/login/login' }) } else { // 注册失败,提示用户重新注册 alert('注册失败,请重新注册') } } }) } ``` 注意:这只是一个简单的示例代码,实际应用中还需要考虑到安全性、用户体验等方面的问题。同时,也需要根据自己的具体业务逻辑来进行相应的修改。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值