时间紧张,先记一笔,后续优化与完善。

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

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

代码载下

点击【确认】台后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>

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

文章结束给大家分享下程序员的一些笑话语录: 警告
有一个小伙子在一个办公大楼的门口抽着烟,一个妇女路过他身边,并对他 说, “你知道不知道这个东西会危害你的健康?我是说, 你有没有注意到香烟 盒上的那个警告(Warning)?”
小伙子说,“没事儿,我是一个程序员”。
那妇女说,“这又怎样?”
程序员说,“我们从来不关心 Warning,只关心 Error”

转载于:https://www.cnblogs.com/jiangu66/archive/2013/04/25/3043210.html

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

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

    先来看下 我点击确认,效果 重点是 怎么会一直显示 验证码不正确啊... 代码下载 点击[确认]后台js实现的部分代码 从而看出,用了大量if等等.别的从技术角度我也不想评论什么,只是一种好奇,小米是 ...

  2. html %3c自动转化,一行代码让谷歌浏览器变成在线编辑器(示例代码)

    这个比较好玩,或许有时能用上. 只需在浏览器地址栏里输入一行代码: data:text/html, 为什么它能奏效? 这是用了数据URI的格式(Data URI's format),并告诉浏览器渲染 ...

  3. 腾讯QQ、淘宝旺旺、微软MSN、谷歌Gtalk 在线客服代码

    腾讯QQ.淘宝旺旺.微软MSN.谷歌Gtalk 在线客服代码 腾讯QQ在线客服代码的生成 访问: http://imis.qq.com/webpresence/code.shtml 选择在线状态图片风 ...

  4. QQ在线客服代码,飘浮在右侧的QQ客服js特效演示

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  5. QQ样式的在线客服代码

    QQ样式的在线客服代码,是从其阿里西西转载过来的. /****************************************************** css网站,css资源,css代码, ...

  6. 网页上加在线客服代码QQ,MSN,skype,goolge TALK,雅虎通,贸易通,淘宝旺旺

    1.如何在网页上显示腾讯QQ在线洽谈? QQ在线咨询代码(qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码) (将8989215换成你的号码,site后面换成你的网站就可以了) ...

  7. 网页MSN,QQ,Skype,贸易通,雅虎通在线客服代码合集

    1.如何在网页上显示腾讯QQ在线洽谈? QQ在线咨询代码(qq在线交谈代码/qq在线客服代码/qq在线状态代码/qq在线客服代码) (将123456换成你的号码,site后面换成你的网站就可以了) & ...

  8. QQ,MSN,Skype在线客服代码

    QQ,MSN,Skype在线客服代码 在网站建设时,为了更好的实施网站的营销型,会用到QQ,MSN等在线交流,以便客户能够快捷方便的联系我们.在这里,提供QQ,MSN的在线客服代码给大家分享: 1.Q ...

  9. 搜索和在线阅读 Github 代码的插件推荐

    2019 年第 31 篇,总 55 篇文章 上一篇文章 推荐了 3 个 Github 相关的项目,这次继续推荐 3 个项目,严格说是 3 个插件,主要是帮助搜索 Github 项目和在线阅读代码的插件 ...

最新文章

  1. Tensorflow C++ API调用Keras模型实现RGB图像语义分割
  2. Logback中文文档(四):Appender
  3. linux-shell数据重定向详细分析
  4. gcc android开发环境,[RK3399][Android7.1]开发环境搭建
  5. jira如何创建看板筛选器_创建看板
  6. min-max 容斥
  7. 计算机应用高级工程师,高级工程师职称考试项目
  8. 基于51单片机的智能指纹考勤系统设计-基于单片机的便携式瓦斯检测仪系统设计-基于单片机声光控智能开关控制灯系统设计(论文,仿真,程序,原理图)【资料转发分享】
  9. python 读取txt文件并在txt每行文件后面增加内容
  10. 两轮差速机器人舵机转轴示意图_一种基于两轮差速机器人的运动控制方法与流程...
  11. 云计算深度报告:算力时代迎巨变
  12. linux下oob_cmd命令,linux下 OOB 炸弹的制作
  13. 关于大脑记忆可视化的初步尝试(一)
  14. LONGLONG类型
  15. HUELOJ 1109: 打印数字图形(函数专题)
  16. 苏州大学计算机学院江苏如皋人,秦岭深处的火热青春——记苏州大学如皋籍学生佘一奇的支教故事...
  17. 王换招计算机组成与设计课件,计算机基础知识(课件)..ppt
  18. 从普通程序员到身价过百亿:追求长期价值的耐心,决定了你能走多远
  19. www21推荐系统之点击原因分解:用户兴趣和一致性(流行度)Disentangling User Interest and Conformity for Recommendation with Cau
  20. 【mud】object增加颜色的代码以及参考

热门文章

  1. 【NOIP2015】斗地主 题解
  2. Linux 下qt 程序打包发布(使用linuxdelpoyqt ,shell 脚本)
  3. Hadoop 之Pig的安装的与配置之遇到的问题---待解决
  4. python -os、sys
  5. 微信小程序篇(微信小程序的支付)
  6. hibernateTemplate的load方法
  7. CentOS 6.5 伪分布安装
  8. 推荐《淘宝的可伸缩高性能互联网架构 》
  9. XNA游戏开发之(六)——保存游戏数据
  10. VS2005中,C#中跨线程访问控件问题解决方案