jquery实现用户登陆界面（示例讲解)

实例如下所示：

！DOCTYPE html html head meta charset=' UTF-8 ' title/title/head script src=' http : js/jquery-1。8 .0 .量滴js '/script脚本var cnresu=false$(function(){ $(' input[name=' uname ']').模糊（函数(){//模糊从链接上移开焦点（鼠标离开框时)var unamestr=$(this).val()；var regstr=/^[\u4e00-\u9fa5]{2,4}$/；if(！regstr.test(unamestr)){ $(this).父项()。下一个(' dd ').html(")必须是2-4个汉字');cnresu=false返回；} cnresu=true })；$('input[name='uname']').焦点(函数(){//焦点给予链接焦点（鼠标点中框时)$(这个)。css(“”边框','实心1px # dddddd’)；//$(这个)。val(" ")；$(这个)。父项()。下一个(' dd ').html(" ")；});});/script style # home { width : 600 px；高： 300pxmargin:汽车背景-color : # 7 fffd 4；} # head { padding-top : 20px；高度： 100像素；} .dl1{ clear:两者；} .dl1 dt{左侧浮动：文本对齐：右侧；宽度： 150像素；高度： 30px线高： 30px} .dl1 dd{左侧浮动：高度： 30px线高： 30px} # foot { text-align : center} h1 { padding-top : 20px；文本对齐：中心；颜色：浓汤；} /style body div id='home' h1用户登陆/h1 div id=' head ' form action='飚旦。html ' name=' regform '方法=' post ' dl类=' dl1 ' dt用户名：/dt ddin put type=' text ' name=' uname '/DD DD DD id=' error uname '/DD/dl dl dl class=' dl1 ' dt密码： /dt ddinput类型='密码'/DD DD DD id='错误传递'/DD/dl/div div id='英尺'输入类型='submit '值='提交/input type='reset' value='重置//div /form /div /body/html运行截图

以上这篇jquery实现用户登陆界面（示例讲解)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。