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实现用户登陆界面(示例讲解)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
版权声明:jquery实现用户登陆界面(示例讲解)是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。