精华内容
参与话题
问答
  • 获取验证码

    千次阅读 2018-02-02 18:22:28
    获取验证码之前,先检测有没有手机号 之前做的时候用的vue, 里面存在的变量大都是取义的,相信各位童鞋都会懂的 getCode: function () {  let self = this; // if(!this.getCode) return ;  // this.getCode ...

    获取验证码之前,先检测有没有手机号

    之前做的时候用的vue, 里面存在的变量大都是取义的,相信各位童鞋都会懂的大笑

    getCode: function () {

                let self = this;
    //          if(!this.getCode) return ;  
    //          this.getCode = false;
                //验证手机号
                let telReg = /^1(3|4|5|6|7|8|9)\d{9}$/;
                let phone = self.form.phone;
                if('' == phone) { tip('请输入手机号码'); return ;}       //tip为一个提示消息函数(做的时候在移动端)
                if(!telReg.test(phone)) { tip('请输入正确手机号'); return ;}    //正则验证
                let time = self.form.countdown;

                if(self.form.countdown != 60){ tip('验证码已发送,请稍等...'); return ;}

     

     //发送验证码

                axios({
                method:"POST",
                    url: this.path+'sms/'+phone,
                    headers: {
                        'Content-Type': 'application/x-www-form-urlencoded',
                    },
                    transformRequest: [function(data) {
                        let ret = '';
                        for (let it in data) {
                            ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&';
                        }
                        return ret
                    }]
                }).then(data => {
    //          this.getCode = true;
                    if(data.data.code == 100000){

                        tip('验证码已发送...');

     

    ###############################################

    //敲黑板!!!(这个里面就是倒计时的效果啦) 成功回调,倒计时,为一个自执行函数

                (function settime(){

                if(time == 0 || self.form.code != ''){
                    self.form.codeText = '获取验证码';
                    self.form.countdown = 60;
                    return ;
                }else {
                    self.form.codeText = time + ' 秒';
                    self.form.countdown = time;
                    time-- ;
                    setTimeout(function(){
                        settime();
                    },1000);
                }

            })()

    ######################################

     

      //其余为失败回调

                    }else if(data.data.code == 100006){
                    tip(data.data.result);
                    }}).catch(err => console.log(err));

            },

    demo地址,戳这里~~~

     

    展开全文
  • 获取验证码图片,不是识别验证码!获取验证码图片,不是识别验证码!获取验证码图片,不是识别验证码!获取验证码图片,不是识别验证码!获取验证码图片,不是识别验证码!获取验证码图片,不是识别验证码!获取验证码图片,不是...
  • python获取验证码

    2019-02-26 14:55:43
    python+selenium自动获取验证码,可实现自动登录功能!
  • 网站中为了防止恶意获取验证短信、验证邮箱,都会在点击获取验证码的按钮上做个倒计时的效果。实现这个功能,一个setInterval和一个clearInterval就能搞定了,不需要太多的代码。实例效果和代码如下: <meta ...
  • Android 点击后60秒后重新获取验证码 ,点击后60秒内不可点击

    这几天跟验证码干上了,我最开始的思路是开启一个线程然后计算倒计时,后来经同事开导,觉得那样的做法low逼到家了.

    上代码

    /**
     * Created by Xia_焱 on 2017/5/7.
     */
    
    public class CountDownTimerUtils extends CountDownTimer {
        private TextView mTextView;
    
        /**
         * @param millisInFuture    The number of millis in the future from the call
         *                          to {@link #start()} until the countdown is done and {@link #onFinish()}
         *                          is called.
         * @param countDownInterval The interval along the way to receive
         *                          {@link #onTick(long)} callbacks.
         */
        public CountDownTimerUtils(TextView textView, long millisInFuture, long countDownInterval) {
            super(millisInFuture, countDownInterval);
            this.mTextView = textView;
        }
    
        @Override
        public void onTick(long millisUntilFinished) {
            mTextView.setClickable(false); //设置不可点击
            mTextView.setText(millisUntilFinished / 1000 + "秒后可重新发送");  //设置倒计时时间
            mTextView.setBackgroundResource(R.drawable.bg_identify_code_press); //设置按钮为灰
            SpannableString spannableString = new SpannableString(mTextView.getText().toString());
            ForegroundColorSpan span = new ForegroundColorSpan(Color.RED);
            spannableString.setSpan(span, 0, 2, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
            mTextView.setText(spannableString);
        }
    
        @Override
        public void onFinish() {
            mTextView.setText("重新获取验证码");
            mTextView.setClickable(true);//重新获得点击
            mTextView.setBackgroundResource(R.drawable.bg_identify_code_normal);
        }
    }

    TextView背景色

    bg_identify_code_press

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <solid android:color="#C0C0C0" /> <!--填充色 透明-->
        <corners android:radius="7dp" />  <!-- 圆角 -->
    </shape>

    bg_identify_code_normal

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <solid android:color="#2BAF2B" /> <!--填充色 透明-->
        <corners android:radius="7dp" />  <!-- 圆角 -->
    </shape>

    布局代码

     <TextView
            android:id="@+id/tv_yzm"
            android:layout_width="match_parent"
            android:layout_marginTop="50dp"
            android:layout_height="45dp"
            android:background="@drawable/bg_identify_code_normal"
            android:gravity="center"
            android:text="点击获取验证码"
            android:textColor="#FFF"
            android:textSize="15dp" />

    项目代码

     private void initView() {
            tv_yzm = (TextView) findViewById(R.id.tv_yzm);
            tv_yzm.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    CountDownTimerUtils mCountDownTimerUtils = new CountDownTimerUtils(tv_yzm, 60000, 1000);
                    mCountDownTimerUtils.start();
                }
            });
        }

    效果图
    这里写图片描述

    展开全文
  • C#随机获取验证码

    2013-11-05 12:30:32
    C#随机获取验证码,有兴趣的小伙伴们可以看一下,验证码的随机获取。
  • Jquery ajax 获取验证码

    热门讨论 2012-08-13 15:00:50
    Jquery ajax 获取验证码的项目代码
  • 一般在获取验证码的时候,会有一个倒计时的效果,这个效果虽然和简单,但是在用的时候一时间想不起来,所以和大家做一分享
  • react native 获取验证码

    千次阅读 2017-08-02 15:34:15
    获取验证码控件:https://github.com/781238222/react-native-verify-code

    获取验证码控件:https://github.com/781238222/react-native-verify-code

    如果帮到你了请点个赞

    展开全文
  • iOS 获取验证码 demo

    2017-05-25 23:16:09
    iOS获取验证码demo
  • 主要介绍了SpringMVC下获取验证码实例详解的相关资料,有些朋友可能知道如何在原生的 servlet 下返回生成的验证码图片/或者其他图片, 而不知道如何在 SpringMVC 下返回图片,需要的朋友可以参考下
  • 获取验证码的最好方式,全面使用,都是干货,有需要的朋友快快下载吧
  • 这是我们学校的门户登录页面[我是链接,戳我!...来直接获得正确的验证码,确实,当我访问了一次http://211.85.162.240:8080/cas/getVerificationCode?dateTime=...获取验证码图片(这是必须的一步),再访问...
  • 一款扁平风格手机移动端网页的jQuery输入手机号码获取验证码表单代码,界面简洁美观,还有可爱有趣的动画表情。点击获取验证码按钮之后进入60秒发送倒计时,还有手机号码及验证码是否输入检测代码。
  • Android实现获取验证码效果

    千次阅读 2014-09-16 15:55:20
    Android实现获取验证码效果

    功能非常简单就是定义一个CountDownTimer直接看代码

    首先在XML里面放个按钮代码如下:


    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity" >
    
        <Button
            android:id="@+id/btn_getcode"
            android:background="#4DB74A"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentRight="true"
            android:layout_centerVertical="true"
            android:text="点我获取验证码" />
    
    </RelativeLayout>
    下面就是主代码:

    package com.example.countdowntimer;
    
    
    
    import android.os.Bundle;
    import android.os.CountDownTimer;
    import android.app.Activity;
    import android.graphics.Color;
    import android.view.Menu;
    import android.view.View;
    import android.view.View.OnClickListener;
    import android.widget.Button;
    
    public class MainActivity extends Activity {
    	private TimeCount time;
    	private Button btnGetcode;
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    		time = new TimeCount(60000, 1000);
    		btnGetcode=(Button) findViewById(R.id.btn_getcode);
    		btnGetcode.setOnClickListener(new OnClickListener() {
    			
    			@Override
    			public void onClick(View v) {
    				time.start();
    			}
    		});
    	}
    	class TimeCount extends CountDownTimer {
    
    		public TimeCount(long millisInFuture, long countDownInterval) {
    			super(millisInFuture, countDownInterval);
    		}
    
    		@Override
    		public void onTick(long millisUntilFinished) {
    			btnGetcode.setBackgroundColor(Color.parseColor("#B6B6D8"));
    			btnGetcode.setClickable(false);
    			btnGetcode.setText(millisUntilFinished / 1000 + "秒后可重新发送");
    		}
    
    		@Override
    		public void onFinish() {
    			btnGetcode.setText("重新获取验证码");
    			btnGetcode.setClickable(true);
    			btnGetcode.setBackgroundColor(Color.parseColor("#4EB84A"));
    
    		}
    	}
    
    }
    
    源码下载:



    展开全文
  • 注册发送短信验证码并自动获取短信,截取数字验证码填充文本框。 一、接入短信平台 首先需要选择短信平台接入,这里使用的是榛子云短信平台(http://smsow.zhenzikj.com), 两分钟申请测试账号,赠送了100条测试...
  • 主要为大家详细介绍了Android点击获取验证码60秒后重新获取验证码的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 这样能正确获取验证码 ``` package com.example.day51; import java.util.ArrayList; import java.util.HashMap; import java.util.Iterator; import java.util.List; import java.util.Set; import ...
  • 主要为大家详细介绍了vue获取验证码倒计时组件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 主要为大家详细介绍了iOS获取验证码倒计时效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 一款扁平风格手机移动端网页的jQuery输入手机号码获取验证码表单代码,界面简洁美观,还有可爱有趣的动画表情。点击获取验证码按钮之后进入60秒发送倒计时,还有手机号码及验证码是否输入检测代码。
  • vue获取验证码

    2019-06-26 10:53:11
    vue获取验证码HTML部分JS部分 登录界面使用手机验证码注册登录很常见,VUE中实现获取验证码倒计时还是用到定时器setInterval HTML部分 <div class="login_list"> <span v-show="sendAuthCode" class=...

空空如也

1 2 3 4 5 ... 20
收藏数 8,474
精华内容 3,389
关键字:

获取验证码