行按位或的运算，分别会得出0，1，2和3以上。 2．1 1．4 pwdstrong函数 扩当用声放开键盘或密码输入框失去焦点时，根据不同的级别显 移示不阉的颜色 function pwdstrong(pwd){ j O童color=#cccccc,； ，，初始化背景颜色 L_color='锫衙约01≯ ／／初始化弱的背景 MooIof；’搏QD珊flI；： ，／初始化中的背景 H_color='#FF0000。： ／／初始化强的背爨 ifi(pwd≤=nutl№wd荨=7饿 ∥判断密码是否为空 j Lcolor=Mcotor=HcoIor=Octolor； II如果为空初，始化 ∥相同颜色 } else{ S—level=checkpwd(pwd)； ／／判断密码强度级别 switch(S～level){ case 0： Lcolor=Mcolor=Hcolor=O—color；／／颜色一样 case 1： Lcolor=L_color； ／／级别最低弱 MCOIOr=HcoIor=O—coIor： break： case 2： LcoIor=Mcolor=M_color； ／／级别为中级 Hcolor=0一color； break： default： Lcolor=Mcotor=Hcolor=H_color； ，，级别为高级 ) } document．getEIementById(”pwd—L‘》：style．background=Lcolor； ／／给定相应级刖背景颧色(弱) document．getEIementByld(。pwd_M“)．style．background。Mcol‘ or；／／给定相应级别膂爨颜色{中F document．getElementByld("pwd_H。)．style．background=Hcol· or涮给定相应级别背景颜色《强弘 pwdstrong函数是当用户放开键盘或密码输入框失去焦点 时。根据不同的级别显示不同的颜色。 通过以上JavaScript版表单验证程序的学习，基本可以使 用学习过的知识进行实例的操作．此表单验证基本囊括了目前 收集客户信息时需要验证的内容，在以上程序讲解中，读者可 能会注意到正则表达式这个概念经常出现，在JavaScnpt的表 单验证中起了很重要的作用，目前关于正则表达式出版了很多 相关的书籍提供参考，书中对验证的介绍更加详细(包括一些 复杂验证)，此程序的介绍意在抛砖引玉，使更多的初学者入 门，并深入学习。 3结语 以上代码是在Intemet Explore6．0、Intemet Explore7．0中 测试通过，实例截图为Internet Explore6．0中运行效果。此表 单验证比较简单．此程序的学习对于初学者来说有很大的帮 助，该实例长期作为JavaScfipt这门课程的一个典型实例为学 生进行讲授．在一些报名系统中表单验证程序均使用此代码， 所以此实例的学习对于今后想深入学习JavaScnpt这门语言的 读者有一定促进作用。 |
