22春《轻量级框架开发应用》离线作业1答案-单强.docxVIP

要求：在本文档中的题目下作答，在所写的代码下面粘贴运行后的网页截图，提交本word文档即可。

自从你的女神第一次在你生命中出现的时候，你就知道这辈子你不再会爱上别的人，你为了追到她，牟足了劲打算年底放假的时候去跟她表白。年底，你们公司要搞促销，公司打算利用H5活动吸引顾客用手机号注册，如果任务完成的漂亮，你的土豪老板思聪可能会直接提拔你为公司总经理，年薪直接涨到1000万，如果真是这样，你的女神可能很可能直接就从了你，作为有志青年的你果敢地接下年底公司的H5活动页任务。思聪表示，如果你能提前完成任务的话可以让你提前放假回家，并且再送你一套北京二环内的房产。别激动，活动内容也非常简单，就是当用户点击立即领取按钮的时候判断用户是否输入手机号和验证码，做不同的弹窗提示，如图所示的几种不同的情况。

任务描述：

1.点击立即领取时判断手机号和验证码输入情况。

如果没有输入或者输入错误的手机号，就提示：请正确输入11位手机号

如果手机号正确输入，就提示：请正确输入4位验证码

如果手机号和验证码都输入正确，就提示：注册成功了！！！

2.用更少的代码量写出此功能。

答：

代码如下：

!doctypehtml

htmllang=en

head

metacharset=UTF-8

titletitle

/head

scripttype=text/javascriptsrc=jquery-1.11.2.min.js/script

scripttype=text/javascript

∥验证手机号

functionisPhoneNo(phone){

varpattern=/^1[3456789]\d{9}$/;

returnpattern.test(phone);

}

∥验证码校验

functionisPhoneCode(code){

varpattern=/^\d{4}$/;

returnpattern.test(code);

}

∥验证函数

functionformValidate(){

varstr=;

∥判断手机号码

if($.trim($(#phone).val()).length==0){

str+=手机号没有输入\n;

}elseif(isPhoneNo($.trim($(#phone).val()))==false){

str+=手机号码不正确\n;

elseif(isPhoneCode($.trim($(#code.val()))==false){

str+=请输入4位验证码\n;

∥如果没有错误则提交

if(str!=){

alert(str);

//returnfalse;

}else{

alert(注册成功);

functionmySubmit(){

formValidate():

}

/script

body

效果图如下：