《东师《轻量级框架开发应用》离线1.docx》由会员分享，可在线阅读，更多相关《东师《轻量级框架开发应用》离线1.docx（6页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、东师轻量级框架开发应用离线1下载文档获得完整 要求：1.在本文档中的题目下作答，并提交本文档； 2.提交每道题所对应的代码源文件（包括 html、 js 以及相关的资源文件）。将以上文件放在一个文件夹中，压缩后提交。自从你的女神第一次在你生命中出现的时候，你就知道这辈子你不再会爱上别的人，你为了追到她，牟足了劲准备年底放假的时候去跟她表明。年底，你们公司要搞促销，公司准备利用 H5 活动吸引顾客用手机号注册，假如任务完成的美丽，你的土豪老板思聪可能会干脆提拔你为公司总经理，年薪干脆涨到 1000 万，假如真是这样，你的女神可能很可能干脆就从了你，作为有志青年的你果敢地接下年底公司的 H5 活动
2、页任务。思聪表示，假如你能提前完成任务的话可以让你提前放假回家，并且再送你一套北京二环内的房产。别激烈，活动内容也特别简洁，就是当用户点击马上领取按钮的时候推断用户是否输入手机号和验证码，做不同的弹窗提示，如图所示的几种不同的状况。 任务描述：1.点击马上领取时推断手机号和验证码输入状况。假如没有输入或者输入错误的手机号，就提示：请正确输入 11 位手机号 假如手机号正确输入，就提示：请正确输入 4 位验证码 假如手机号和验证码都输入正确，就提示：注册胜利了！2.用更少的代码量写出此功能。<html> <head> <style> .main positio
3、n: relative; width: 750px; height: 1664px; margin: 0px auto; background: url(images/bg.png) no-repeat; .main img padding: 10px; .main .person position: absolute; right: 0px; top: 100px;z-index: 10; .main .rule position: relative; bottom: 0px; width: 600px; .main .content position: absolute; top: 700
4、px; background-color: white; margin: 30px 45px; .main .content .login margin-top: 60px; padding: 30px; .main .content .phone height: 90px; width: 600px; border: 1px solid #777; border-top: none; border-left: none; border-right: none; padding: 10px; font-size: 2em; .main .content .verify height: 90px
5、; width: 600px; border: 1px solid #777; border-top: none; border-left: none; border-right: none; .main .content .verifycode height: 90px; padding: 10px;width: 400px; border: none; font-size: 2em; .main .content a font-size: 2em; </style> </head> <body> <div class=main> <im
6、g class=person width=631 src=images/person.png /> <div class=content> <div class=login> <form action=login method=post> <input class=phone type=text placeholder=请输入手机号 /> <div class=verify> <input class=verifycode type=number placeholder=验证码 /><a class=btnVe
7、rify>获得验证码</a> </div></form> <img class=rule width=631 src=images/rule.png /> </div></div> </div> <script type=text/javascript src= <script type=text/javascript> $(function () $(.btnVerify).bind(click, function () var phone = $(.phone).val(); if (phone.length = 11) alert(请正确输入 4 位验证码); var code = $(.verifycode).val(); if (code.length = 4) alert(注册胜利了!); else alert(请输入的手机号!); ); ); </script> </body> </html>