验证码二(验证码使用)
//控制器方面对比验证码内容是否与用户输入的一致即可
/*
*视图部分
*/
1 <font style="font-size: 17px">手机号:</font> 2 3 <input type="text" class="style1" id="phone" placeholder="认证手机号" maxLength="11" > 4 5 6 7 <font style="font-size: 17px">验证码:</font> 8 9 <input type="text" class="style1" style="width: 188px;" id="code_num" name="code_num" maxlength="6" onchange="names()" /> 10 11 <img src="checkcode/checkcode.php" id="getcode_num" title="看不清,点击换一张" align="absmiddle" /> 12 13 <span id="code2" style="color:red;text-align:left;margin-left: -8%"></span>
/*
*JS部分
*/
1 //手机号正则匹配 2 $('#phone').bind('input propertychange', function() { 3 4 var sMobile = $("#phone").val(); 5 6 if(!(/^0?(13[0-9]|15[012356789]|17[013678]|18[0-9]|14[57])[0-9]{8}$/.test(sMobile))){ 7 $('#phone2').html("手机号码错误"); 8 return false; 9 }else{ 10 $("#phone2").html(""); 11 return true; 12 } 13 14 }); 15 16 17 18 //JS点击刷新验证码 19 $(function() { 20 $("#getcode_num").click(function() { 21 $(this).attr("src", 'checkcode/checkcode.php?' + Math.random()); 22 }); 23 }); 24 25 //验证码 26 function names() 27 { 28 var code_num=$("#code_num").val(); 29 $.ajax({ 30 type: "get", 31 url: "{{URL('verify')}}", 32 data: "code_num="+code_num, 33 success: function(msg){ 34 if (msg == 0) { 35 $('#code2').html("验证码错误"); 36 return false; 37 }else{ 38 $('#code2').html(""); 39 return true; 40 } 41 } 42 }); 43 }
简单的不要不要了
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步