您的位置:首页 > Web前端 > JavaScript

javascript注册功能

2006-10-27 10:56 267 查看
<script language="javascript">
var clickcounter=0;
var XmlVersion = -1;
function CheckVer() {
XmlVersion = 4;
try {
xmldom = new ActiveXObject("MSXML2.DOMDocument.4.0");
} catch (e) {
XmlVersion = 3;
}
return 0;
}

function XmlHttpPost(webFile, sendXml) {
var xmlHttp = GetXmlHttp();
xmlHttp.Open("POST", webFile, false);
xmlHttp.SetRequestHeader("Content-Type","text/xml; charset=utf-8");
xmlHttp.Send(sendXml);
return xmlHttp.responseText;
}

function GetXmlHttp() {
if (XmlVersion == -1)
CheckVer();
if (XmlVersion == 4)
return new ActiveXObject("MSXML2.XMLHTTP.4.0");
return new ActiveXObject("MSXML2.XMLHTTP.3.0");
}

function IsCheckData()
{ var username = form.Accounts.value;
if (username.length<=0)
{
alert("请填写登录帐号!");
form.Accounts.focus();
return false;
}
var s = XmlHttpPost("member_CheckUser.aspx?username="+username+"","");

if(s.indexOf("True")<0)
{
document.getElementById('Msg').innerHTML = "可以注册";
return false;
}
else
{
document.getElementById('Msg').innerHTML = "该登录名已经存在";
return false;
}
}

function IsCheckDataCom()
{ var comname = form.Comname.value;
if (comname.length<=0)
{
alert("请填写公司名称!");
form.Comname.focus();
return false;
}
var s = XmlHttpPost("member_CheckCom.aspx?comname="+escape(comname),"");

if(s.indexOf("True")<0)
{
document.getElementById('MsgCom').innerHTML = "可以注册";
return false;
}
else
{
document.getElementById('MsgCom').innerHTML = "已经存在";
return false;
}
}

function IsCheckDataEmail()
{ var email = form.Email.value;
if (email.length<=0)
{
alert("请填写邮箱地址!");
form.email.focus();
return false;
}
var s = XmlHttpPost("member_CheckEmail.aspx?email="+escape(email),"");

if(s.indexOf("True")<0)
{
document.getElementById('MsgEmail').innerHTML = "可以注册";
return false;
}
else
{
document.getElementById('MsgEmail').innerHTML = "已经存在";
return false;
}
}

function CheckSubject()
{
var emailReg = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
var emailReg1 = /^[a-zA-Z0-9_.@]{5,99}$/;
var accountReg = /^[a-zA-Z0-9_]{3,19}$/;
var pwdReg = /^[a-zA-Z0-9]{5,19}$/;

var strPatP = /\d{3}-\d{8}|\d{4}-\d{7}/;
var regTel = new RegExp(strPatP);

var strZip = /\d{6}/;
var regZip = new RegExp(strZip);

if (form.Accounts.value.length<=0)
{
alert("请填写登录帐号!");
form.Accounts.focus();
return false;
}

if (form.Accounts.value.length<4 || form.Accounts.value.length>20)
{
alert("帐号长度请控制在4-20个字符!");
form.Accounts.focus();
return false;
}

if ((!accountReg.test(document.form.Accounts.value)))
{
alert("您输入的用户名不符合系统要求!");
form.Accounts.focus();
return false;
}

if (form.Pwd.value.length<=0)
{
alert("请填写密码!");
form.Pwd.focus();
return false;
}

if ((!pwdReg.test(document.form.Pwd.value)))
{
alert("您输入的密码不符合系统要求!");
form.Pwd.focus();
return false;
}

if (form.Pwd.value.length<6 || form.Pwd.value.length>20)
{
alert("密码长度请控制在6-20个字符!");
form.Pwd.focus();
return false;
}

if (form.RePwd.value.length<=0)
{
alert("请再次输入密码!");
form.RePwd.focus();
return false;
}

if (form.Pwd.value != form.RePwd.value)
{
alert("两次输入的密码不一样!");
form.RePwd.focus();
return false;
}

if (form.NickName.value.length<=0)
{
alert("请输入笔名!");
form.NickName.focus();
return false;
}

if (form.Email.value.length<=0)
{
alert("请输入电子邮件!");
form.Email.focus();
return false;
}

if ((!emailReg.test(document.form.Email.value)))
{
alert("请输入有效的电子邮件!");
form.Email.focus();
return false;
}

if ((!emailReg1.test(document.form.Email.value)))
{
alert("请输入有效的电子邮件!");
form.Email.focus();
return false;
}

if(form.Radio1.checked==false)
{

if (form.Linkman.value.length<=0)
{
alert("请填写真实姓名!");
form.Linkman.focus();
return false;
}

if (form.Linkman.value.length<2 || form.Linkman.value.length>20)
{
alert("真实姓名长度至少在2-20个字符!");
form.Linkman.focus();
return false;
}

if (form.Tel.value.length<=0)
{
alert("请填写固定电话!");
form.Tel.focus();
return false;
}

if(form.Tel.value.search(regTel) == -1){
alert("固定电话格式输入有误,请重试!");
form.Tel.focus();
return false;
}

if (form.ddlProvince.value.length<=0)
{
alert("请选择省份!");
form.ddlProvince.focus();
return false;
}

if (form.Address.value.length<=0)
{
alert("请填写具体地址!");
form.Address.focus();
return false;
}

if (form.Zip.value.length<=0)
{
alert("请填写邮编!");
form.Zip.focus();
return false;
}

if(form.Zip.value.search(regZip) == -1){
alert("邮编格式输入有误!");
form.Zip.focus();
return false;
}

if (form.Job.value.length<=0)
{
alert("请填写您的职位!");
form.Job.focus();
return false;
}

if (form.IsBuy.checked)
{
if (form.BuyPro.value.length<=0)
{
alert("请填写贵公司需要求购的产品!");
form.BuyPro.focus();
return false;
}
}

if (form.IsSale.checked)
{
if (form.SalePro.value.length<=0)
{
alert("请填写贵公司销售的产品!");
form.SalePro.focus();
return false;
}
}

if (form.IsAll.checked)
{
if (form.BuyPro.value.length<=0)
{
alert("请填写贵公司需要求购的产品!");
form.BuyPro.focus();
return false;
}

if (form.SalePro.value.length<=0)
{
alert("请填写贵公司销售的产品!");
form.SalePro.focus();
return false;
}
}

var saleProSubject = document.getElementById("SalePro").value.replace(/[^\x00-\xff]/g,"**").length;
var buyProSubject = document.getElementById("BuyPro").value.replace(/[^\x00-\xff]/g,"**").length;

if (saleProSubject>200)
{alert("销售的产品长度不能超过100个汉字或200个英文字母,目前的长度为"+saleProSubject);form.SalePro.focus();return false;}

if (buyProSubject>200)
{alert("采购的产品长度不能超过100个汉字或200个英文字母,目前的长度为"+buyProSubject);form.BuyPro.focus();return false;}

if (form.Intro.value.length<=0)
{
alert("请填写贵公司简介!");
form.Intro.focus();
return false;
}
}

}

function CheckPro(action)
{
if(action == "1")
{
document.getElementById("salePro").style.display = "none";
document.getElementById("buyPro").style.display = "";
}
else if(action == "2")
{
document.getElementById("buyPro").style.display = "none";
document.getElementById("salePro").style.display = "";
}
else
{
document.getElementById("buyPro").style.display = "";
document.getElementById("salePro").style.display = "";
}
}

function CheckGrade(action)
{
if(action == "1")
{
document.getElementById("TrCom").style.display = "none";
document.getElementById("TrMore").style.display = "none";
}
else
{
document.getElementById("TrCom").style.display = "";
document.getElementById("TrMore").style.display = "";
}
}

//邮编
function validateZipcode(obj){
var str = obj.value;
if(!checkByteLength(str,1,8)) return 1;
var patn = /^[0-9]+$/;
if(!patn.test(str)) return 1;
return 0;
}

//手机
function validateMobile(obj){
var str1 = obj.value;
var str = tot(str1);
obj.value = str;
if(str.length > 16){
return 1;
}
if(str.length == 0){
return -1;
}
var patn = /^[0-9]+$/;
if(patn.test(str)) return 0;
return 2;
}
</script>

当在一个文本框输入完文本后,按回车键提交,可是有时候页面有几个按钮,这个时候就需要用到js来处理了

<asp:TextBox id="txtSearch" style="BORDER-RIGHT: #258ede 1px solid; BORDER-TOP: #258ede 1px solid; FONT-SIZE: 14px; BORDER-LEFT: #258ede 1px solid; COLOR: #000000; LINE-HEIGHT: 100%; PADDING-TOP: 5px; BORDER-BOTTOM: #258ede 1px solid; HEIGHT: 25px;" Width="150" maxLength="70" Runat="server" onkeypress="knockEnter1()"></asp:TextBox>

js:
function knockEnter1()
{
if (event.keyCode == 13)
{
event.keyCode = null;
document.all("btnSearch").click();//一个button按钮,服务器端的
}
}
网页中只有一个TextBox的时候,当TestBox中输入文字,习惯性按下回车提交时,页面只会刷新一下,并没有将TextBox中的内容提交。如:

<asp:TextBox id="tbInput" runat="server" Width="240px"></asp:TextBox>
<asp:Button id="btnOK" runat="server" BorderWidth="1px" BorderColor="Purple" BorderStyle="Solid" Text="Search Site"></asp:Button>
</SCRIPT>
Page_Load里添加:

tbInput.Attributes.Add("onkeydown","SubmitKeyClick('btnOK');");
另一个解决办法是添加一个TextBox,style设置成隐藏的就可以了(Visible设置成false是不行的)。

<asp:TextBox id="tbInput" runat="server" Width="240px"></asp:TextBox>
<asp:TextBox id="hidden" runat="server" style="visibility:hidden;display:none;"></asp:TextBox>
<asp:Button id="btnOK" runat="server" BorderWidth="1px" BorderColor="Purple" BorderStyle="Solid" Text="Search Site"></asp:Button><script language="javascript">
function document.onkeydown() //网页内按下回车触发
{
if(event.keyCode==13)
{
document.getElementById("Submit1").click(); //服务器控件Submit1点击事件被触发
return false; //不知道是什么意思,不加这行就不触发后台事件.参见【注】
}
}
</script>

【注】 onfone对return false的解释:
Feedback

# re: 多页面重定向到同一页面后再返回之四巧手_AX
2006-08-29 09:35 | lonfone
return false 使服务器按钮执行完客户端脚本后, 不进行 form.submit 动作, 就是不作POST BACK 回复

在这里好像不是这个意思,因为该脚本就是为了传回到服务器触发事件.
------------------------------------------------------------------------------------------------------------------
附赠1:

欢迎光临 Carey's blog
在文本框中按回车触发事件
[ 日期:2006-04-09 ]
<script type="text/javascript" language="javascript">
function EnterRedirect(Obj)
{
if(event.keyCode==13)
Obj.click();
}
</script>
<input onkeydown="EnterRedirect(Submit) type="password" />

------------------------------------------------------------------------------------------------------------------

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8 " />
<title>E都市2D</title>
<style>
body{margin:0;padding:0; color:#5D5C5C;background:url(images/index01.gif) repeat-x; width:100%;font-size:12px;}
html{width:100%}
table{font-size:12px; line-height:22px;}
a{font-size:12px; color:#5D5C5C; text-decoration:none}
a:hover{font-size:12px; color:#5D5C5C; text-decoration:underline}
.Logo{height:110px; background:url(images/index02.gif) no-repeat center; margin-top:80px}
.MenuCity{height:39px; line-height:48px; background:url(images/index03.gif) no-repeat; padding:0 10px 0 90px; margin-bottom:10px}
.MenuCity a ,.MenuCity a:hover{ font-size:14px; color:#000; margin-right:8px}
.SpaceCity{width:795px;}
.SpaceCity .Left{width:392px; float:left;}
.SpaceCity .Right{width:392px; float:right;}
.SpaceCity .Main{width:392px;}
.SpaceCity .Main .Space{ height:25px; line-height:25px; background:url(images/index04.gif) repeat-x; padding-left:5px; color:#A76B01}
.SpaceCity .Main .City{ padding:7px 5px 7px 5px; line-height:25px;}
.Foot{width:100%; border-top:1px solid #ccc; line-height:40px; margin-top:20px; text-align:center;}
.SList{width:420px;position:absolute; z-index:500; }
.City2d{width:400px;}
.AOver{ margin-left:15px; height:9px; font-size:1px; background:url(images/index05.gif) no-repeat left bottom; position:relative; top:2px}
.ShowCity{ padding:5px; line-height:20px; font-size:12px; border:1px solid #FFC14E; background:#FFF8E6; }
</style>

<script language="javascript" type="text/javascript" charset="gb2312" src="Js/{$Edition}/05.IndexCityCode.js"></script>

<script language="javascript" type="text/javascript">
function $(){
var objElements = new Array();
var i;
for (i=0;i< arguments.length;i++){
var objEle = arguments[i];
if(typeof arguments[i] == 'string'){
objEle = document.getElementById(arguments[i]);
}
objElements.push(objEle);
}
if(arguments.length==1){
return objEle;
}else{
return objElements;
}
}
//定位鼠标坐标
function findPosX(obj) {
var curleft = 0;
if (obj && obj.offsetParent) {
while (obj.offsetParent) {
curleft += obj.offsetLeft;
obj = obj.offsetParent;
}
} else if (obj && obj.x) curleft += obj.x;
return curleft;
}
function findPosY(obj) {
var curtop = 0;
if (obj && obj.offsetParent) {
while (obj.offsetParent) {
curtop += obj.offsetTop;
obj = obj.offsetParent;
}
} else if (obj && obj.y) curtop += obj.y;
return curtop;
}
var previewFrom = null;
var previewTimeoutId=null;
var flag=0;
function CloseMobilePanel(){
$('DragWindow').style.display = 'none';
}
function ShowMobileT(e){
previewFrom = e.target || e.srcElement;
for(var i=0;i<a.length;i++){
if(a[i]==previewFrom.innerHTML){
_showPreview(i);
return false;
}
}
}
function _showPreview(ID){
if(flag==0){
var posX = findPosX(previewFrom)+10;
var posY = findPosY(previewFrom)+5;
}else{
var posX = findPosX(previewFrom)+10;
var posY = findPosY(previewFrom)+5;
}
var previewBox=$('DragWindow');
previewBox.style.left = posX + 'px';
previewBox.style.top = posY + 'px';
previewBox.style.position = 'absolute';
previewBox.style.display = 'block';
var i,j;
var strHtml=new Array();
var s="";
for(i=0,j=0;i<b[ID].length && j<c[ID].length;i++,j++)
{
//入栈
strHtml.push("<a href='http://2d.edushi.com/?"+c[ID][j]+"'target='_blank'>"+b[ID][i]+"</a>");
}
//替换
s=strHtml.join('、');
$('ShowCity').innerHTML="<table width='400px' ><tr><td>"+s+"</td></tr></table>";
s=null;
}
</script>

</head>
<body>
<table width="795" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<div class="Logo">
</div>
<div class="MenuCity">
<a href="http://2d.edushi.com/?beijing" target="_blank">北京</a> <a href="http://2d.edushi.com/?tianjin">
天津</a> <a href="http://2d.edushi.com/?shenyang" target="_blank">沈阳</a> <a href="http://2d.edushi.com/?dalian"
target="_blank">大连</a> <a href="http://2d.edushi.com/?haerbin" target="_blank">哈尔滨</a>
<a href="http://2d.edushi.com/?jinan" target="_blank">济南</a> <a href="http://2d.edushi.com/?qingdao"
target="_blank">青岛</a> <a href="http://2d.edushi.com/?nanjing" target="_blank">南京</a> <a href="http://2d.edushi.com/?shanghai"
target="_blank">上海</a> <a href="http://2d.edushi.com/?hangzhou" target="_blank">杭州</a>
<a href="http://2d.edushi.com/?wuhan" target="_blank">武汉</a> <a href="http://2d.edushi.com/?guangzhou"
target="_blank">广州</a> <a href="http://2d.edushi.com/?shenzheng" target="_blank">深圳</a>
<a href="http://2d.edushi.com/?zhongqing" target="_blank">重庆</a> <a href="http://2d.edushi.com/?chengdu"
target="_blank">成都</a> <a href="http://2d.edushi.com/?xian" target="_blank">西安</a></div>
<div class="SpaceCity">
<div class="Left">
<div class="Main">
<div class="Space">
华北地区</div>
<div class="City">
<a href="http://2d.edushi.com/?beijing" target="_blank">北京市</a>、<a href="http://2d.edushi.com/?tianjin" target="_blank">天津市</a>、<a onmouseover="ShowMobileT(event)">河北省</a>、<a onmouseover="ShowMobileT(event,7)">山西省</a>、<a
onmouseover="ShowMobileT(event)">内蒙古自治区</a></div>
</div>
<div class="Main">
<div class="Space">
华东地区</div>
<div class="City">
<a href="http://2d.edushi.com/?shanghai" target="_blank">上海市</a>、<a onmouseover="ShowMobileT(event)">江苏省</a>、<a onmouseover="ShowMobileT(event,1)">浙江省</a>、<a
onmouseover="ShowMobileT(event)">安徽省</a>、 <a onmouseover="ShowMobileT(event)">福建省</a>、<a
onmouseover="ShowMobileT(event)">江西省</a>、<a onmouseover="ShowMobileT(event)">山东省</a>、<a
onmouseover="ShowMobileT(event)">台湾省</a></div>
</div>
<div class="Main">
<div class="Space">
东北地区</div>
<div class="City">
<a onmouseover="ShowMobileT(event)">辽宁省</a>、<a onmouseover="ShowMobileT(event)">吉林省</a>、<a
onmouseover="ShowMobileT(event)">黑龙江省</a></div>
</div>
<div class="Main">
<div class="Space">
西南地区</div>
<div class="City">
<a href="http://2d.edushi.com/?beijing" target="_blank" >重庆市</a>、<a onmouseover="ShowMobileT(event)">四川省</a>、<a onmouseover="ShowMobileT(event)">贵州省</a>、<a
onmouseover="ShowMobileT(event)">云南省</a>、<a onmouseover="ShowMobileT(event)">西藏自治区</a>、<a
onmouseover="ShowMobileT(event)">广西壮族自治区</a></div>
</div>
</div>
<!---->
<div class="Right">
<div class="Main">
<div class="Space">
华南地区</div>
<div class="City">
<a onmouseover="ShowMobileT(event)">广东省</a>、<a onmouseover="ShowMobileT(event)">海南省</a>、香港特别行政区、澳门特别行政区</div>
</div>
<div class="Main">
<div class="Space">
华中地区</div>
<div class="City">
<a onmouseover="ShowMobileT(event)">河南省</a>、<a onmouseover="ShowMobileT(event)">湖北省</a>、<a
onmouseover="ShowMobileT(event)">湖南省</a></div>
</div>
<div class="Main">
<div class="Space">
西北地区
</div>
<div class="City">
<a onmouseover="ShowMobileT(event)">宁夏回族自治区</a>、<a onmouseover="ShowMobileT(event)">陕西省</a>、<a
onmouseover="ShowMobileT(event)">甘肃省</a>、<a onmouseover="ShowMobileT(event)">青海省</a>、<a
onmouseover="ShowMobileT(event)">新疆维吾尔自治区</a></div>
</div>
<div class="Main">
<div class="Space">
</div>
<div class="City">
</div>
</div>
</div>
<div style="clear: both">
</div>
</div>
</td>
</tr>
</table>
<div class="SList" id="DragWindow" style="display: none">
<div class="City2d">
<div class="AOver" onmouseout="CloseMobilePanel()">
</div>
<div id="ShowCity" class="ShowCity">
</div>
</div>
</div>
<div class="Foot">
</div>
</body>
</html>
;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: