基于jquery实现点击登录注册按钮后弹出对话框.zip资源-CSDN文库

共19个文件

js：7个

png：4个

html：3个

版权申诉

前端代码

7 浏览量 2022-11-10 00:26:57 上传评论收藏 191KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

基于jquery实现点击登录注册按钮后弹出对话框.zip （19个子文件）

132696211957642555

css

hover_htc.htc 3KB

ico.png 58KB

box_style.css 5KB

loading.gif 5KB

images

ico.png 58KB

eee.jpg 2KB

login_button.png 19KB

reg_bg.png 2KB

loading.gif 5KB

reg.html 9KB

index.html 1KB

jquery-1.4.4.min.js 77KB

formValidator_min.js 15KB

jquery.XYTipsWindow.2.8.js 21KB

swfobject.js 10KB

jquery-1.2.6.min.js 57KB

formValidatorRegex.js 4KB

jquery.XYTipsWindow.min.2.8.js 10KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title>注册</title> <style type="text/css"> body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0} body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53,sans-serif;text-align:justify;text-justify:inter-ideograph;word-break:break-all;word-wrap:break-word} h1,h2,h3,h4,h5,h6{font-size:100%} address,cite,dfn,em,var,i,u{font-style:normal} code,kbd,pre,samp{font-family:courier new,courier,monospace} small{font-size:12px}ul,ol{list-style:none} sup{vertical-align:text-top}sub{vertical-align:text-bottom} legend{color:#000}fieldset,img{border:0}button,input,select,textarea{font-size:100%;padding:0;margin:0} table{border-collapse:collapse;border-spacing:0}caption,th{ text-align:left } .ovh{overflow:hidden}.l{float:left}.r{float:right}.cur{cursor:pointer} .c_b{content:".";display:block;height:0;clear:both;visibility:hidden;zoom:1;font-size:0px;overflow:hidden;visibility:hidden}.c_b2{clear:both}.dn{display:none}.dis{display:block}.b{font-weight:bold} body{behavior:url("css/hover_htc.htc");font-family:"Microsoft YaHei",宋体; color:#333;}/*hover*/ /*会员注册*/ .login ul{/*background:url(../images/line.png) repeat-x;*/ padding-top:10px; border-top:1px solid #fff} .login ul a{ color:#005cb1} .login .id input,.login .pw input,.in_id,.in_mo,.reg_input,.reg_input_pic{background-color:#FFF; border:1px solid #d5cfc2; font-size:14px; font-weight:bold; vertical-align:middle} .login .id input,.login .pw input{width:170px; height:30px;margin:0 5px 5px 0; line-height:30px; padding:0 5px;} .login .id input:hover,.login .pw input:hover,.in_id:hover,.in_mo:hover,.reg_input:hover,.reg_input_pic:hover{border:1px solid #005cb1;background-color:#F2FAFF;} .l_button,.r_button{background:url(images/login_button.png) no-repeat; width:118px; height:39px; border:none; cursor:pointer; display:block; float:left; text-indent:-9000px} .l_button{background-position:0 -60px;} .r_button{background-position:-138px -60px; margin-right:4px} .l_button:hover{background-position:0 0;} .r_button:hover{background-position:-138px 0;} .f_reg_but{margin:10px 0 0 115px} .reg{width:460px; font-size:14px;line-height:25px; overflow:hidden;} .reg dl{padding-left:10px; font-size:14px;} .reg dl dt{ margin-top:15px} .reg dl dd{padding:3px 0} .reg .title{width:100px; display:inline-block; text-align:right; padding-right:10px} .reg_input_pic{width:80px;} .in_pic_s{margin-left:83px} .reg .img{position:absolute} .onShow,.onFocus,.onError,.onCorrect,.onLoad{background:url(images/reg_bg.png) no-repeat 3000px 3000px;padding-left:30px; font-size: 12px; height:25px; width:124px; display:inline-block; line-height:25px; vertical-align:middle; overflow:hidden; margin-left:6px} .onShow{color:#999; padding-left:0px} .onFocus{background-position:0px -30px; color:#333} .onError{background-position:0px -60px; color:#333} .onCorrect{background-position:0px 0; text-indent:-9000px} .onLoad{background-position:0px 0} .reg_m{margin-left:90px} .clew_txt{display:inline-block; padding:7px 0 0 15px; font-size:12px;} .id input,.pw input,.in_id,.in_mo,.reg_input,.reg_input_pic{_behavior:url(js/Round_htc.htc);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; height:25px;} .user_button a,.pay_but{_behavior:url(js/Round_htc.htc);-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px;} #one1,#one2{display:block; background-color:#e9eed8; padding:5px 0; text-align:center; clear:both; cursor:pointer} #one2{margin-top:15px} #one1:hover,#one2:hover{background-color:#d4dfb0} #one1 span,#one2 span{color:#F00} </style> <script src="js/jquery-1.2.6.min.js" type=text/javascript></script> <script src="js/formValidator_min.js" type="text/javascript" charset="UTF-8"></script> <script src="js/formValidatorRegex.js" type="text/javascript" charset="UTF-8"></script> <script type="text/javascript"> $(document).ready(function(){ $.formValidator.initConfig({formid:"form1",debug:false,submitonce:true, onerror:function(msg,obj,errorlist){ //$.map(errorlist,function(msg1){alert(msg1)}); alert(msg); } }); $("#t_UserName").formValidator({onshow:"5-10个字符",onfocus:"5-10个字符",oncorrect:"该用户名可以注册"}).inputValidator({min:5,max:10,onerror:"输入有误"}).regexValidator({regexp:"username",datatype:"enum",onerror:"格式有误"}); $("#iptNickName").formValidator({onshow:"至少4个字符",onfocus:"至少4个字符",oncorrect:"通过"}).inputValidator({min:4,empty:{leftempty:false,rightempty:false,emptyerror:"输入有误"},onerror:"输入有误"}); $("#t_UserPass").formValidator({onshow:"至少6个字符",onfocus:"至少6个字符",oncorrect:"密码合法"}).inputValidator({min:6,empty:{leftempty:false,rightempty:false,emptyerror:"输入有误"},onerror:"输入有误"}); $("#t_RePass").formValidator({onshow:"请再次输入密码",onfocus:"请再次输入密码",oncorrect:"密码一致"}).inputValidator({min:6,empty:{leftempty:false,rightempty:false,emptyerror:"输入有误"},onerror:"输入有误"}).compareValidator({desid:"t_UserPass",operateor:"=",onerror:"密码不一致"}); $("#iptName").formValidator({onshow:"至少4个字符",onfocus:"至少4个字符",oncorrect:"通过"}).inputValidator({min:4,empty:{leftempty:false,rightempty:false,emptyerror:"输入有误"},onerror:"输入有误"}); $("#iptCard").formValidator({onshow:"15或18位的身份证",onfocus:"15或18位的身份证",oncorrect:"输入正确"}).functionValidator({fun:isCardID}); $("#t_Email").formValidator({onshow:"6-100个字符",onfocus:"6-100个字符",oncorrect:"恭喜你,你输对了",defaultvalue:"@"}).inputValidator({min:6,max:100,onerror:"长度非法"}).regexValidator({regexp:"^([\\w-.]+)@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.)|(([\\w-]+.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(]?)$",onerror:"格式不正确"}); }); function test1(obj) { if(obj.value=="全角字符当做1个长度") { $.formValidator.getInitConfig("1").wideword = false; obj.value = "全角字符当做2个长度"; } else { $.formValidator.getInitConfig("1").wideword = true; obj.value = "全角字符当做1个长度"; } } </script> </head> <body>  <div class="reg"> <form action="" method="post" name="form1" id="form1"> <dl> <dt class="f14 b">帐户基本信息</dt> <dd><span class="title">登录账号：</span><input class="reg_input" name="t_UserName" id="t_UserName" onblur="checkusername(this.value);" type="text" /><span id="t_UserNameTip" class="onshow"></span></dd> <dd><span class="title">昵称：</span><input class="reg_input" name="iptNickName" id="iptNickName" onblur="checkNickName(this.value)" type="text" /><span id="iptNickNameTip" class="onshow"></span></dd> <dd><span class="title">性别：</span><input type="radio" id="Sex_Man" name="rb_Sex" value="0" checked="CHECKED" /><label for="Sex_Man"> 帅哥</label> <input type="radio" id="Sex_Woman" name="rb_Sex" value="0" /><label for="Sex_Woman"> 美女</label>　 <input name="" type="checkbox" value="" /> 不公开 </dd> </dl> <dl> <dt class="f14 b">帐户安全设置</dt> <dd><span class="title">登录密码：</span><input class="reg_input" onblur="return checkpasswd(this);" id="t_UserPass" name="t_UserPass" type="password"/><span id="t_UserPassTip" class="onshow"></span></dd> <dd><span class="title">确认登录密码：</span><input onblur="checkdoublepassword();" class="reg_input" type="password" id="t_RePass" name="t_RePass"/><span id="t_RePassTip" class="onshow"></span></dd> <dd><span clas

评论收藏

内容反馈

版权申诉