Jquery 短信验证码GET方式内置发送给PHP
首先必须引用JQ库 jquery.min.js 下面就是上代码 其余怎么传怎么收 和短信接口就很简单搞定了 下面代码其实还有很多缺陷 就凑活用
$(document).ready(function(){ $("#Submit").click( function get_mobile(){ var mob1=$("#mobile").val(); if(mob1 !='' && mob1.length==11){ var mcode=Math.round(Math.random()*10000); $.get("mess.php?mobile="+$("#mobile").val()+"&mcode="+mcode,function(data){ // alert(data); }); // window.alert($("#mobile").val()); }else{ window.alert('您的手机号码为空或者不是11位手机号'); } }); var test = { node:null, count:60, start:function(){ //console.log(this.count); if(this.count > 0){ this.node.value = this.count--; var _this = this; setTimeout(function(){ _this.start(); },1000); }else{ this.node.removeAttribute("disabled"); this.node.value = "再次发送"; this.count = 60; } }, //初始化 init:function(node){ this.node = node; this.node.setAttribute("disabled",true); this.start(); } }; var btn = document.getElementById("Submit"); btn.onclick = function(){ var mob1=$("#mobile").val(); if(mob1 !='' && mob1.length==11){ alert("验证信息会发送到"+$("#mobile").val()); test.init(btn); } }; }); <li><span class="a">请输入用户手机号</span><span class="b"> <p>手机号:<input type="text" name="mobile" value="" id="mobile" onBlur="check_mobile(this.value)"/><input type="button" value="获取验证码" id="Submit"><span id="mobile_notice"></span></p> <p>验证码:<input type="text" name="code" value="" id="code"/></p></span></li>