ajax注册用户无刷新自动验证代码及调用代码(转载)
2008-03-07 17:35
746 查看
以下是要用到的js代码,一般单独放一个js文件,本例放置到myjs.js文件当中,以下是引用该文件的代码; <script language="javascript" src="myjs.js" type="text/javascript"></script> 代码如下: var icon = '<img src="image/warning.gif" width="14" height="14" border="0" align="top">'; var ns = ["Loginname","Password","Passw","Mail","Companyname","Tel","Fax","Dizhi","Zip","Linkname","Shouji","Url","Jieshao","Yanzheng"]; // 换一张图片 function SetImage(){ // var rod = Math.round(Math.random() * 100); $('ImaYanZhen').src = "image/loading.gif";// $('ImaYanZhen').src = "ValidateCode.aspx?id=" + rod; } function checkUsr(s){ var ma = ["用户名(4-16位)!","用户名由数字、英文、下划线、中杠线组成!"]; if(!limitLen(s,4,16)){ showInfo("Loginname",ma[0]); return false; } if(!hasAccountChar(s)){ showInfo("Loginname",ma[1]); return false; } showInfo("Loginname"); return true; } function isLoginname(s) { var ma = ["用户名(4-16位)!","用户名由数字、英文、下划线、中杠线组成!","此用户名已被注册,请另换一个。","请等待,数据加载中..."]; var icons = '<img src="image/loading.gif" width="14" height="14" border="0" align="top">'; if(!limitLen(s,4,16)){ showInfo("Loginname",ma[0]); return false; } if(!hasAccountChar(s)){ showInfo("Loginname",ma[1]); return false; } $("TisiLoginname").className = "focus"; $("LoginnameInfo").innerHTML = icons + ma[3]; var bRet = join.GetReturnCode(s).value; if(bRet == "1"){ $("TisiLoginname").className = "error"; $("LoginnameInfo").innerHTML = icon + ma[2]; } else { showInfo("Loginname"); } } function checkPwd(s){ var ma = ["密码(6-20位)!","密码不能包含中文或全角符号!","两次输入的密码不一致!"]; if(!limitLen(s,6,16)){ showInfo("Password",ma[0]); return false; } if(hasChineseChar(s)){ showInfo("Password",ma[1]); return false; } showInfo("Password"); return true; } function checkPwd2(s){ var ma = ["密码(6-20位)!","密码不能包含中文或全角符号!","两次输入的密码不一致!"]; if(!limitLen(s,6,16)){ showInfo("Passw",ma[0]); return false; } if(hasChineseChar(s)){ showInfo("Passw",ma[1]); return false; } if( s==trim($("TexPassword").value)) { showInfo("Passw"); return true; } else{ showInfo("Passw",ma[2]); return false; } } function checkEml(s){ var ma = ["请输入常用邮件!","邮件格式不正确!"]; if(s.length < 5){ showInfo("Mail",ma[0]); return false; } if(!isEmail(s)){ showInfo("Mail",ma[1]); return false; } showInfo("Mail"); return true; } function checkCompany(s){ var ma = ["企业名称不能为空!"]; if(!limitLen(s,1,100)){ showInfo("Companyname",ma[0]); return false; } showInfo("Companyname"); return true; } function checkPhone(){ var ma = ["电话国家代码不能为空!","电话区号不能为空!","电话号码不正确!"]; var gj = $("TexTelGJ").value; var qh = $("TexTelQH").value; var s = $("TexTel").value; if(gj.length == 0){ showInfo("Tel",ma[0]); return false; } if(qh.length == 0){ showInfo("Tel",ma[1]); return false; } if(!isPhone(gj + "-" + qh+"-" + s)){ showInfo("Tel",ma[2]); return false; } showInfo("Tel"); return true; } function checkFax(){ var ma = ["传真国家代码不能为空!","传真区号不能为空!","传真号码不正确!"]; var gj = $("TexFaxGJ").value; var qh = $("TexFaxQH").value; var s = $("TexFax").value; if(gj.length == 0 && qh.length == 0 && s.length == 0) { $("TisiFax").className = "lond"; $("FaxInfo").innerHTML = ""; return true; } if(gj.length == 0){ showInfo("Fax",ma[0]); return false; } if(qh.length == 0){ showInfo("Fax",ma[1]); return false; } if(!isPhone(gj + "-" + qh + "-" + s)){ showInfo("Fax",ma[2]); return false; } showInfo("Fax"); return true; } function checkDizi(s){ var ma = ["企业地址不能为空!"]; if(!limitLen(s,1,100)){ showInfo("Dizhi",ma[0]); return false; } showInfo("Dizhi"); return true; } function checkZip(s){ var ma = ["邮政编码格式不正确!"]; if(s.length == 0){ $("TisiZip").className = "lond"; $("ZipInfo").innerHTML = "中国地区用户请填写规范的6位邮政编码。"; return true; } if(!isZip(s)){ showInfo("Zip",ma[0]); return false; } showInfo("Zip"); return true; } function checkShengfen(){ var ma = ["请选择公司所在省份!","请选择公司所在市区!"]; var sh,qu; sh = $("DropShengfen").selectedIndex; qu = $("DropDiqu").selectedValue; if(sh == 0){ showInfo("Shengfen",ma[0]); return false; } if(qu == ""){ showInfo("Shengfen",ma[1]); return false; } showInfo("Shengfen"); return true; } function checkLinkname(s){ var ma = ["联系人不能为空!"]; if(!limitLen(s,2,20)){ showInfo("Linkname",ma[0]); return false; } showInfo("Linkname"); return true; } function checkShouji(s){ var ma = ["手机格式不正确!"]; if(s.length == 0){ $("TisiShouji").className = "lond"; $("ShoujiInfo").innerHTML = "建议您填写,以便潜在客户及时与您取得联系!"; return true; } if(!isMobile(s)){ showInfo("Shouji",ma[0]); return false; } showInfo("Shouji"); return true; } function checkUrl(s){ var ma = ["网址格式不正确!"]; if(s == "HTTP://" || s.length == 0){ $("TisiUrl").className = "lond"; $("UrlInfo").innerHTML = "请在网址前加:HTTP://。"; return true; } if(!isURL(s)){ showInfo("Url",ma[0]); return false; } showInfo("Url"); return true; } function checkJieshao(s){ var ma = ["企业介绍不能为空!"]; if(!limitLen(s,1,2000)){ showInfo("Jieshao",ma[0]); return false; } showInfo("Jieshao"); return true; } function checkYanzheng(s){ var ma = ["验证码不能为空!","验证码为4位字母或数字!","验证码输入错误,请重新输入!"]; if(s.length == 0) { showInfo("Yanzheng",ma[0]); return false; } if(s.length < 4) { showInfo("Yanzheng",ma[1]); return false; }else{ var ses = join.sessions().value; if(s.toLowerCase() != ses) { showInfo("Yanzheng",ma[2]); return false; } } showInfo("Yanzheng"); return true; } function inputfocus(n,i) { var ma = ["4-16位;只限数字(0-9)和英文(a-z),不区分大小写;建议使用公司名称简称。", "6-20位,区分大小写, 不能与用户名相同;建议为英文字母(a-z)和数字(0-9)结合,便于记忆,不易被猜出。", "请再输入一遍上面填写的密码。", "请填写常用的电子邮箱,这是客户联系您的一种方式!", "请使用中文填写贵公司的全称。", "很重要!这是客户联系您的主要方式!", "请填写完整的公司地址。", "中国地区用户请填写规范的6位邮政编码。", "请选择公司所在省市。", "请填写联系人的真实姓名。", "建议您填写,以便潜在客户及时与您取得联系!", "请在网址前加:HTTP://。", "可以填入最多2000字的企业介绍。", "请输入左侧显示的验证字符串(不区分大小写)。"]; var fdo = $("Tisi" + n); var ido = $(n + "Info"); fdo.className = "focus"; ido.innerHTML = ma[i]; } function showInfo(n,s){ var fdo = $("Tisi" + n); var ido = $(n + "Info"); if(typeof s == 'undefined'){ fdo.className = "ok"; ido.innerHTML = "填写正确!"; }else{ fdo.className = "error"; ido.innerHTML = icon + s; } } function submits(){ checkUsr($("Tex" + ns[0]).value); checkPwd($("Tex" + ns[1]).value); checkPwd2($("Tex" + ns[2]).value); checkEml($("Tex" + ns[3]).value); checkCompany($("Tex" + ns[4]).value); checkPhone(); checkFax(); checkDizi($("Tex" + ns[7]).value); checkZip($("Tex" + ns[8]).value); checkShengfen(); checkLinkname($("Tex" + ns[9]).value); checkShouji($("Tex" + ns[10]).value); checkUrl($("Tex" + ns[11]).value); checkJieshao($("Tex" + ns[12]).value); checkYanzheng($("Tex" + ns[13]).value); for(var i=0;i<ns.length;i++){ if( $("Tisi" + ns[i]).className == "error"){ $("Tex" + ns[i]).focus(); return false; } else{ continue; } } // return true; var fax = "", fw = "", mes = "由于网络原因注册失败,请联系管理人员。"; var baomi = 0; var tel = $("TexTelGJ").value + "-" + $("TexTelQH").value +"-"+$("TexTel").value; if(trim($("TexFax").value) != ""){ fax = $("TexFaxGJ").value + "-" + $("TexFaxQH").value +"-"+$("TexFax").value; } for(var i =1;i<7;i++){ if($("CheckBox" + i).Checked == "Checked"){ fw += $("CheckBox" + i).value + ","; } } if($("RadioButtonList1_0").checked == "checked"){ baomi = 0; } else{ baomi = 1; } var a1 = $("TexLoginname").value; var a2 = $("TexPassword").value; var a3 = $("TexMail").value; var a4 = $("TexCompanyname").value; var a5 = $("TexDizhi").value; var a6 = $("TexZip").value; var a7 = $("DropShengfen").value; var a8 = $("DropDiqu").value; var a9 = $("TexLinkname").value; var a10 = $("TexShouji").value; var a11 = $("TexUrl").value; var a12 = $("DropDownList3").value; var a13 = $("TexJieshao").value; var bRet = join.AddCompanya(a1,a2,a3,a4,tel, fax,a5,a6,a7,a8,a9,a10,baomi,a11,a12, fw,a13,$('HidIP').value).value; if(bRet == "1"){ location.href="Default.aspx"; } else{ alert(bRet); } // 调用后台的代码 写入数据库 } function initPage(){ for(var i=0;i<ns.length;i++){ $("Tex" + ns[i]).value = ""; } } 说明: 以下是代码的应用,请参考: ![]() <asp:TextBox ID="TexPassword" runat="server" BorderStyle="Groove" MaxLength="16" onfocus="inputfocus('Password',1)" onkeyup="checkPwd(this.value);" onblur="checkPwd(this.value);" ![]() TextMode="Password" Width="150px"></asp:TextBox> ![]() ![]() ![]() <asp:TextBox ID="TexPassw" runat="server" BorderStyle="Groove" MaxLength="16" onfocus="inputfocus('Passw',2)" onkeyup="checkPwd2(this.value);" onblur="checkPwd2(this.value);" Width="150px" TextMode="Password"></asp:TextBox>......................................................... 转载:/article/4453530.html |
相关文章推荐
- ajax注册用户无刷新自动验证代码及调用代码
- ajax注册用户无刷新自动验证代码及调用代码 推荐
- ajax注册用户无刷新自动验证代码及调用代码
- Ajax使用WebService无刷新验证注册用户的唯一性
- AJAX 用户注册无刷新验证
- AJAX+JAVA用户登陆注册验证的实现代码
- AJAX 用户注册无刷新验证
- 使用ASP.NET AJAX无刷新验证用户的代码
- ASP.NET 使用WebServices+Ajax实现无刷新验证用户是否已注册
- ajax无刷新调用struts2框架中的Action,以用户登录验证为例
- 注册时:js的ajax实现局部刷新验证用户名
- 【转载】Ajax应用之用户名验证
- AJAX.NET 异步调用实现局部刷新CS代码解读
- 会员注册验证代码(php+mysql+Ajax)
- 用ajax和jsp完成用户注册的用户名验证(用户名唯一)
- 匿名函数验证用户代码实例解析Ajax技术原理
- 使用AjaxPro框架实现无刷新用户登录验证【原创】
- 利用ajax无刷新验证注册信息
- 利用AJAX前后台调用做的注册验证效果
- Thinkphp框架 表单自动验证登录注册 ajax自动验证登录注册