一种关于验证码的前端使用方法

$("#发送验证码按钮的id值").on("click",function () {

   //首先判断是否存在倒计时（不然就能够点击很多下，会有多个倒计时交替出现）
   if(!$("#dateBtn1").hasClass("on")){
   		if( ){
   		//这里可以写一些表单验证
		}else{
			$("#showId").html("");  //如果表单都通过了，可以在这里清除“发送验证码”处的错误提示
				
			//都验证通过后可以向后台发送请求了
			$.ajax({
				url:'',
				type:'',
				data:'',
				success:function (data) {
					alert("您的短信验证码是："+ data.data); //可以在这里输出一下你的验证码，便于观看
					if( data.code == 1){
						$.leftTime(60,function (d) {
							//d.statusUser,值true||false,倒计时是否结束;
                            //d.s,倒计时秒;
							if(d.status){
							   //正在倒计时
							   $("#dateBtn1").html((d.s == '00' ? '60':d.s)+"s后获取");
							   $("#dateBtn1").addClass("on");
							}else{
							   //倒计时结束
							   $("#dateBtn1").html("获取验证码");
							   $("#dateBtn1").removeClass("on");
							}
						})
					}else{
						$("#showId").html(data.message);
					}

看不太懂的可以去网上查找“轻量级倒计时插件”，有很多，都有使用方法介绍