js实现输入手机验证码后点击提交按钮验证手机输入的验证码和发送的验证码是否一致

JavaScript09

js实现输入手机验证码后点击提交按钮验证手机输入的验证码和发送的验证码是否一致,第1张

这个不能使用js来做，js属于客户端脚本，手机验证码不能通过任何方式显示到前端，所以js不能来做校验

实现方案是，点击获取验证码，发送手机号到服务端，服务端通过短信平台网关接口发送验证码；用户接收到验证码，输入验证码，然后将手机号和验证码同时提交到服务端，由服务端进行验证，并返回是否验证通过

整个过程中验证码并未出现在前端

问题有几点，代码如下：

<html>

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" /> 

<title>无标题</title>

<style>

   .msgs1{

    background:blue 

   }

</style>

<script src="jquery.js"></script>

<script>

$(function  () {

//获取短信验证码

var validCode=true

$(".msgs").click (function  () {

//var mobile = document.getElementById("mob").value

//这里有一处错误：你现在用的是jquery,不能直接用js的方法，应该用下面这种：

var mobile=$("#mobile").val()

var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/ 

if(!myreg.test(mobile)) 

{ 

   alert('请输入有效的手机号码！') 

   return false 

} 

//var urlstr='{:U('User/sendcode/mobile/','','')}'+ '/'+ mobile

//$.post(urlstr)

//这个地方我就直接跳过了

alert("验证码已经成功发送，请注意查收！")

var time=60

var code=$(this)

if (validCode) {

validCode=false

code.addClass("msgs1")

     

var t=setInterval(function  () {

time--

code.val(time+"秒")//这里，你应该和我这里一样，.msgs　是一个button是吧？那么，就不能用html()方法，而应该用val()方法

if (time==0) {

clearInterval(t)

       

code.val("重发")//同上

validCode=true

code.removeClass("msgs1")

}

},1000)

}

})

})

</script>

</head>

<body>

<form action="">

号码：<input type="text" id="mobile" value="13512346581">

<input type="button" value="发送" class="msgs">

</form>

</body>

</html>

手机短信验证码是通过发送验证码到手机的一种有效的验证码。无论是大型网站尤其是购物网站，都提供有手机短信验证码功能，可以比较准确和安全地保证购物的安全性，验证用户的正确性。

短信验证码实际上是一种由具有一定技术开发能力的企业用户开发的企业短信传输程序。通过短信验证码平台和系统软件之间的接口，企业可以向员工、供应商和合作伙伴发送各种类型的信息。手机之间，以实现信息通报。常见的应用是网站和内部办公系统。除了短信，他们还支持定制的修改。可根据客户需求扩大功能，进行二次开发。

某些验证码接入商提供手机短信验证码服务，各网站通过接口发送请求到接入商的服务器，服务器发送随机数字或字母到手机中，由接入商的服务器统一做验证码的验证。

短信接口一般支持http和webservice调用。程序员在需要发送短信的地方添加接口地址和相关参数，如接收端手机号码、接收的内容以及其他接口参数，调用完就会返回xml数据，表示成功提交或者失败。关于回复短信，会绑定到一个接收回复内容的地址，有短信回复过来就推送到对应地址。

扩展资料：

对于企业来说，在有了短信之后，可以随时发送一些企业想要发送的信息，如工厂宣传信息、产品促销信息、公司信息和合作伙伴之间的合作信息、节日问候等。这可以大大降低维护客户的成本，减少运营时间和能源投入。同时，短信传输的及时性和便利性也保证了通信的畅通，提高了工作效率。

常见的短信验证码格式，短信验证码格式：【短信签名】+内容；网站/APP实现短信验证功能的流程，按照一般的注册要求，用户需要填写用户名、密码、邮箱等相关信息后，接下来会提示输入手机号码。

输入手机号码后，用户将收到的短信验证码填写到网站，网站对用户填写的验证码进行校验，如果一致，说明用户填写的手机号码是正确的，否则验证失败。

参考资料来源：百度百科—短信验证码