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

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

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

    

    

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

    代码载下

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