Web表单验证练习：用户名与密码实时校验规则.pdfVIP

•所属模块：WebAPI模块

•作业标题：表单验证

•问题描述：请使用所学WebAPI知识，完成以下功能,当用户把焦点定在用户

名或者时触发用户名或者验证；当用户名框或者框失去焦点时，

触发用户名和验证；当用户提交表单时触发用户名和啊验证。效果

图如下：

•验证规则：

用户名验证：

合法：提示（*正确）

不合法：

1、获取焦点时提示（*请输入长度5-10之间的英文字母作为登录）

2、长度不够时提示（*请输入长度5-10之间的英文字母作为登录）

3、包含数字时提示（*用户名中不能包含数字）

4、存在特殊字符时提示（*存在特殊字符）

验证：

合法：提示（*正确）

不合法：

1、无输入提示（*请输入登录）

2、长度不正确提示（*长度需大于6个字符）

•解题提示（可选）：提交表单时验证不通过，不允许提交表单。

•belongstothemodule:WebAPI

module

•JobTitle:FormValidation

•Problemdescription:PleaseusetheknowledgeyouhavelearnedaboutWebAPItocompletethe

followingfunctions.Whentheusersetsthefocusontheusernameorpassword,triggerusernameor

passwordverification;whentheusernameboxorpasswordboxlosesfocus,triggerusernameand

passwordverification;whentheusersubmitstheform,triggerusernameandsecretverification.The

effectpictureisasfollows:

•Validation

ru:

Usernameverification:

Legal:prompt(*correct)

不合法：

1.Promptwhengettingfocus(*PleaseenterEnglishlettersween5-10inlengthasthelogin

account)2.Promptwhenthelengthisnotenough(*PleaseenterEnglishlettersinlength

ween5-10astheloginaccount)3.Promptwhenitcontainsnumbers(*Theusername

cannotcontainnumbers)4.Promptwhentherearespecialcharacters(*Specialcharacters

exist)

Passwordverification:

Legal:prompt(*correct）

不合法：