登录时的各种信息提示

<!--
$(document).ready(function()
{
	//checkSubmit
	$('#regUser').submit(function ()
	{
		if(!$('#agree').get(0).checked) {
			alert("你必须同意注册协议!");
			return false;
		}
		if($('#username').val()==""){
			$('#username').focus();
			alert("用户名不能为空!");
			return false;
		}
		if($('#userpassword').val()=="")
		{
			$('#userpassword').focus();
			alert("登陆密码不能为空!");
			return false;
		}

		if($('#repassword').val()!=$('#userpassword').val())
		{
			$('#repassword').focus();
			alert("两次密码不一致!");
			return false;
		}
		
		if($('#mobile').val()=="")
		{
			$('#mobile').focus();
			alert("手机号不能为空!");
			return false;
		}
		
		if($('#vdcode').val()=="")
		{
			$('#vdcode').focus();
			alert("验证码不能为空!");
			return false;
		}
	})
	//去除两边空格
		String.prototype.Trim   =   function()   
		{   
			return   this.replace(/^\s*|\s*$/g,"");   
		}
		
	//AJAX changChickValue
	$("#username").change( function() {
		var username = $("#username").val();
		var flag = 1;
		var c; 
		
		username = username.Trim();
		
		if((username.length!=0)&(username.length<6||username.length>20)){
			var str = "<font color='red'><b>×请使用6-20位做用户名!</b></font>";
			$("#_userid").html(str);
			$('#username').focus();
		}else{
			
			var letters = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890_.@";
			 for(var i=0;i<username.length;i++){
				c = username.charAt(i);
				if(letters.indexOf( c ) < 0){
					flag = 3;
				}
			 }
		
			 if(flag==3){
				 
				 var str = "<font color='red'><b>×请使用数字字母下划线做用户名!</b></font>";
				 $("#_userid").html(str);
				 $('#username').focus();

			 }else{
				
				$.post("reg.php",
					   {dopost:'checkuser',cktype:1,uid:username},
					   function(data){
							$("#_userid").html(data);
					   }
				);
			 }
		 }
		 
		
	});
	//这幅弹出框的注册
	$("#username2").change( function() {
		var username = $("#username2").val();
		var flag = 1;
		var c; 
		var sEmail = /\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
		
		username = username.Trim();

		if((username.length!=0)&(username.length<6||username.length>20)){
			var str = "<font color='red'><b>×请使用6-20位做用户名!</b></font>";
			$("#_userid2").html(str);
			$('#username2').focus();
		}
		else{

			var letters = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890_.@";
			for(var i=0;i<username.length;i++){
				c = username.charAt(i);
				if(letters.indexOf( c ) < 0){
					flag = 3;
				}
			}
			
			if(flag==3){

				var str = "<font color='red'><b>×请使用数字字母下划线做用户名!</b></font>";
				$("#_userid2").html(str);
				$('#username2').focus();

			}
			
				 
			if(!sEmail.exec($("#username2").val()))
			{
				$('#_userid2').html("<font color='red'><b>×Email格式不正确</b></font>");
				$('#username2').focus();
			}
			else{
				$.post("/reg/reg.php",{dopost:'checkmail',cktype:1,email:username},function(data){
				//alert(data);
					if(data == "<font color='#4E7504'><b>√可以使用</b></font>"){
					
						$.post("/reg/reg.php",{dopost:'checkuser',cktype:1,uid:username},function(data){$("#_userid2").html(data);});
					}else{
					$("#_userid2").html(data);
					}
					
					});
			}
		
	
				

		 }
		 
		
	});
	//这幅弹出框的注册  结束
	
	$("#email").change( function() {
		var sEmail = /\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
		var email = $("#email").val();
		if(!sEmail.exec($("#email").val()))
		{
			$('#_email').html("<font color='red'><b>×Email格式不正确</b></font>");
			$('#email').focus();
		}else{
			$.post("reg.php",
					{dopost:'checkmail',cktype:1,email:email},
					function(data){
						$("#_email").html(data);
					}
			);
		}
	});	
	
	$("#mobile").change(function(){

		var sMobile =/^1[3|4|5|8][0-9]\d{4,8}/;
		var mobile = $("#mobile").val();
		
		mobile = mobile.Trim();
	
		if(mobile.length==0){
			$('#_mobile').html("<font color ='red'><b>x手机号不能为空!</b></font>");
		}else{
			if(!sMobile.exec($("#mobile").val())){
				$('#_mobile').html("<font color ='red'><b>x手机号格式不正确</b></font>");
				$('#mobile').focus();
			}
			else{
					$('#_mobile').html("<font color='green'><b>√填写正确</b></font>");
			}
		}
	});
	$('#userpassword').change( function(){
		
		 if($('#userpassword').val()=='')
		{
			$('#_userpassword').html("<font color='red'><b>请填写密码</b></font>");
		}
		else if($('#userpassword').val().length < 6)
		{
			$('#_userpassword').html("<font color='red'><b>×密码不能小于6位</b></font>");
		}
		else if($('#userpassword').val().length > 20)
		{
			$('#_userpassword').html("<font color='red'><b>×密码不能大于20位</b></font>");
		}
		else
		{
			if($('#repassword').val().length>=6){
				if($('#repassword').val()!=$('#userpassword').val())
				{
					$('#_repassword').html("<font color='red'><b>×两次输入密码不一致</b></font>");
				}
			}
			$('#_userpassword').html("<font color='#4E7504'><b>√填写正确</b></font>");
		}
		
	});
	
	$('#repassword').change( function(){
		
		if($('#repassword').val()=='')
		{
			$('#_repassword').html("<font color='red'><b>请填写确认密码</b></font>");
		}
		else if($('#repassword').val().length <6)
		{
			$('#_repassword').html("<font color='red'><b>×密码不能小于6位</b></font>");
		}
		else if($('#repassword').val().length >20)
		{
			$('#_repassword').html("<font color='red'><b>×密码不能大于20位</b></font>");
		}
		else if($('#repassword').val()!=$('#userpassword').val())
		{
			$('#_repassword').html("<font color='red'><b>×两次输入密码不一致</b></font>");
		}
		else
		{
			
			$('#_repassword').html("<font color='#4E7504'><b>√填写正确</b></font>");
		}
		
	});
	

});
-->

  html部分

<script src="/templets/dujiaoshou/js/reg.js" type="text/javascript"></script>

  

<form id="regUser" name="form2" method="post" action="reg.php" target="_self">
<div class="mainBox_border1 clearfix area01">
<input type="hidden" name="dopost" value="save" />
	<!--<div class="liucheng01 mt10"></div>-->
    <table  cellspacing="0" cellpadding="0" border="0" class="zctab">
  <tbody>
  <tr>
    <td colspan="3">以下<span class="red">*</span>为必填项</td>
    </tr>
  <tr>
    <td width="162" class="textR"><span class="f14">用 户 名</span>:</td>
    <td width="188"><input type="text" name="username" id="username" class="txtInput"></td>
    <td width="350" class="color999" style="line-height:16px;"><span class="red">*</span><span id="_userid">6-20个字符(可以为字母、数字或下划线'_',不能包含空格),一旦注册成功用户名不能修改。</span></td>
	</tr>
  <tr>
    <td class="textR"><span class="f14">电子邮件</span>:</td>
    <td><input type="text"  name="email" id="email" class="txtInput"></td>
    <td valign="middle"><span class="red">*</span><span id="_email"></span></td>
  </tr>
  <tr>
    <td class="textR"><span class="f14">密      码</span>:</td>
    <td><input type="password"  name="userpassword" id="userpassword"  value="" class="txtInput"></td>
   <td valign="middle" class="color999"><span class="red">*</span><span id="_userpassword">6-20个字符(可以为字母、数字或下划线'_',不能包含空格)。</span></td>
  </tr>
  <tr>
    <td  class="textR"><span class="f14">密码确认</span>:</td>
    <td><input type="password"  name="repassword" id="repassword"  value="" class="txtInput"></td>
   <td valign="middle"><span class="red">*</span><span id="_repassword"></span></td>
  </tr>
  <tr>
    <td class="textR"><span class="f14">手机号码</span>:</td>
    <td><input type="text"  name="mobile" class="txtInput" id="mobile"></td>
    <td class="color999"><span class="red">*</span><span id="_mobile"></span></td>
  </tr>
  <tr>
    <td class="textR"><span class="f14">姓      名</span>:</td>
    <td><input type="text"  name="reusername" class="txtInput"></td>
  </tr>

  <tr>
    <td class="textR"><span class="f14">验 证 码</span>:</td>
    <td class="clearfix"><input type="text" name="vdcode" id="vdcode" value="" class="fl yxm"><!--img  name="imgCode" src="/templets/dujiaoshou/images/yzm.jpg" /-->
	 <img id="vdimgck" align="middle"  οnclick="this.src=this.src+'?'"  style="cursor: pointer;" title="看不清?点击更换" src="../../include/vdimgck.php"/>
	</td>
   
    <td><span class="red">*</span>看不清?<a href="javascript:void(0)" target="_self" οnclick="changeAuthCode()">换一张</a></td>
  </tr>

  

转载于:https://www.cnblogs.com/legendyang/p/3543071.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值