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

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

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







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

代码载下

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