东师《轻量级框架开发应用》离线1.docx

上传人：wj151****6093

文档编号：61852189

上传时间：2022-11-21

格式：DOCX

页数：6

大小：12.62KB

( 4.5 )

《东师《轻量级框架开发应用》离线1.docx》由会员分享，可在线阅读，更多相关《东师《轻量级框架开发应用》离线1.docx（6页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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>

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

9.9 金币

版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：: 如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
特殊限制：: 部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。
关键词：: 轻量级框架开发应用东师轻量级框架开发应用离线

淘文阁 - 分享文档赚钱的网站所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。

限制150内

关于本文

本文标题：东师《轻量级框架开发应用》离线1.docx
链接地址：https://www.taowenge.com/p-61852189.html