条件：手动输入中间的4位手机号 如果和后台取的值相同可以提交，如果不填或者填错就提交不了。
14条回答 默认 最新
邱金金 2017-02-08 10:43关注<!DOCTYPE html>
< head>
< script src="http://libs.baidu.com/jquery/2.0.0/jquery.js">
< style>
input{
width: 20px;
}
.btn{
clear:both;width:100px;height:30px;background: #c0b7b0;border-radius: 3px;color:#F0F0F0;
text-align: center;line-height: 30px;
}
< /style>
< /head>
< body>
< div style="float:left;">
< span id="spMobileHeader">
< /div>
< div style="float:left;">
< input type="text" maxlength="1" onkeyup="changefocus(1);">
< input type="text" maxlength="1" onkeyup="changefocus(2);">
< input type="text" maxlength="1" onkeyup="changefocus(3);">
< input type="text" maxlength="1" onkeyup="checkMobile();">
< /div>
< div style="float:left;">
< span id="spMobileEnd">
< /div>
< div id="testBtn" class="btn">提交
< /body>
< script type="text/javascript">
$(function (){
var mobile="12345678911"; //这是后台传过来的,我写死的,你拿到后自己变掉就可以了
$("#spMobileHeader").text(mobile.substring(0,4)); //显示前4个
$("#spMobileEnd").text(mobile.substring(8,11)); //显示后3个
});function changefocus(index){
$("input").each(function (i){
if (i==index){
$(this).focus();
}
});
}
function checkMobile(){
var mobile="12345678911"; //这是后台传过来的
var inputMobile="";
$("input").each(function (i){
inputMobile+=$(this).val();
});
var contrastMoblie=mobile.substring(4,8);
if (inputMobile==contrastMoblie){
/*
在这里做你需要做的事，我只是改了下按钮的颜色
*/
$("#testBtn").css("background","#960019");
$("#testBtn").css("color","white");
}
}$("input").keyup(function(e){
//退格键
if(e.keyCode==8){
$(this).focus();
}
})
< /script>
< /html>在第二行加个html 就好了,吗蛋, 个人还是不建议在这进行比较的,因为不安全
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
悬赏问题
- ¥15 Attributeerror:super object has no attribute '__sklearn_tags__'_'
- ¥15 逆置单链表输出不完整
- ¥15 宇视vms-B200-A16@R启动不了，如下图所示，在软件工具搜不到，如何解决？(操作系统-linux)
- ¥500 寻找一名电子工程师完成pcb主板设计（拒绝AI生成式答案）
- ¥15 关于#mysql#的问题：UNION ALL（相关搜索：sql语句）
- ¥15 matlab二位可视化能否针对不同数值范围分开分级？
- ¥15 已经创建了模拟器但是不能用来运行app 怎么办😭自己搞两天了
- ¥15 关于#极限编程#的问题，请各位专家解答！
- ¥20 win11账户锁定时间设为0无法登录
- ¥45 C#学生成绩管理系统