小米官方在线预定——对代码实现的分析

先来看下我点击确认，效果

重点是怎么会一直显示验证码不正确啊。。。

代码下载

点击【确认】后台js实现的部分代码

从而看出，用了大量if等等。别的从技术角度我也不想评论什么，只是一种好奇，小米是怎么实现的，有没有我们要学习的东西。。。

具体【确认】后的代码如下：

var submitData = function(){var username    = $("#username"),tel             = $("#tel"),email            = $("#email"),authcode       = $("#authcode"),accessory       = $("#" + tz2A),versionValue    = $('input[name=version]:checked').val(),miphone            = $('input[id=productA]:checked').val(),box         = $('input[id=productB]:checked').val(),miPhone,miBox;if (formBoxModifly === 0){if(username.val().length < 2) {username.focus();username.next().show();return;};if(!checkCn(username.val())) {username.focus();username.next().show();return;};if(!checkMail(email.val())) {email.focus();email.next().show();return;};if(!checkMobile(tel.val())) {tel.focus();tel.next().show();return;};};if(!versionValue && miphone != undefined) {$("#versionTip").show();return;};if(miphone == undefined && box == undefined) {alert('请至少选择一款产品预约');return;}if(miphone != undefined) {miPhone = 1;} else {miPhone = 0;}if(box != undefined) {miBox = 1;} else {miBox = 0;}$("#versionTip").hide();authcodeValue = '123456';var authcode = $("#authCode");if (authcode.val().length < 5){$('#authcodeTip').show();return;};authcodeValue = authcode.val();accessoryValue = accessory.prop("checked") ? 1 : 0;_gaq.push(['_trackEvent', '活动', '预约页', '提交']);$.ajax({type: 'POST',url: 'http://t.hd.xiaomi.com/?_a=20130419&_op=dobook&_v=1366873853',data: { _ia:1, _op:'dobook',_a:'20130419', _aff:'a7db33f', username:username.val(), mobile:tel.val(), email:email.val(), version:versionValue, accessory:accessoryValue,miphone:miPhone,box:miBox, authcode_m2s_3rd_and_box_7th:authcodeValue},success: function(d){if( (typeof d =='object') && d.info ) {if(d.info == '提交完成，请稍候') {location.href = 'http://t.hd.xiaomi.com/?_a=20130419&_op=waiting';} else {$('#authcodeTip').text(d.info).show();}return;}},error: function(d){$('#authcodeTip').text('提交失败，请重试').show();return;},beforeSend: function(){},dataType:'json'});},showMealSetIntro =  function(str){$("#" + str).show();},formBoxMod = function(){var formBox = $("#formBox");formBox.removeClass("formBoxModifly");formBoxModifly = 0;};</script>

如果你想看整个的代码，右键——查看源文件这个我相信大家都知道。。。

小米官方在线预定——对代码实现的分析相关推荐

代码确认小米官方在线预定——对代码实现的分析
时间紧张,先记一笔,后续优化与完善. 先来看下我点击确认,效果重点是怎么会始终示显验证码不正确啊... 代码载下点击[确认]台后js实现的分部代码从而看出,用了大批if等等.别的从技巧角度 ...
网页上加在线客服代码QQ,MSN,skype,goolge TALK,雅虎通,贸易通,淘宝旺旺
1.如何在网页上显示腾讯QQ在线洽谈? QQ在线咨询代码(qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码) (将8989215换成你的号码,site后面换成你的网站就可以了) ...
网页MSN,QQ,Skype,贸易通,雅虎通在线客服代码合集
1.如何在网页上显示腾讯QQ在线洽谈? QQ在线咨询代码(qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码) (将123456换成你的号码,site后面换成你的网站就可以了) & ...
QQ,MSN,Skype在线客服代码
QQ,MSN,Skype在线客服代码在网站建设时,为了更好的实施网站的营销型,会用到QQ,MSN等在线交流,以便客户能够快捷方便的联系我们.在这里,提供QQ,MSN的在线客服代码给大家分享: 1.Q ...
java 酒店预定 app_Android应用源码酒店在线预定app项目全套
[实例简介] Android应用源码酒店在线预定app项目全套 [实例截图] [核心代码] package com.bn.summer; import android.graphics.Bitmap; ...
小米快应用服务框架有什么用_快应用有什么用？小米官方这样回答
集微网4月7日消息(文/数码控),近日小米官方放出了MIUI负责人在线关于快递类型短信的优化.快应用的用途等大家关心的问题的解答汇总,一起来看看吧! 问:短信验证码来的时候,弹出时可以出个" ...
QQ,MSN,skype,goolge TALK,雅虎通,贸易通,淘宝旺旺在线客服代码
1.如何在网页上显示腾讯QQ在线洽谈? QQ在线咨询代码(qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码) QQ在线简短代码:tencent://message/?uin=你的 ...
在网页上加QQ,MSN,skype,goolge TALK,雅虎通,贸易通,淘宝旺旺在线客服代码
如何在网页上显示腾讯QQ在线洽谈? QQ在线咨询代码(qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码) (将8989215换成你的号码,site后面换成你的网站就可以了) &l ...
腾讯QQ,msn,百度Hi,淘宝的用户链接及网页在线客服代码
腾讯QQ,msn 百度HI 等一些聊天工具的网页在线客服代码添加在个人还是商业网站尤为重要.如何添加属于自己的QQ网页链接?添加个人QQ 等链接是很简单的,但链接图片选择是否在线状态就麻烦了点. 先 ...

小米官方在线预定——对代码实现的分析

小米官方在线预定——对代码实现的分析相关推荐

最新文章

热门文章