目录
回复讨论(解决方案)
首页 后端开发 php教程 用户注册页面问题 求指点啊

用户注册页面问题 求指点啊

Jun 23, 2016 pm 01:59 PM

我用PHP AJAX 写了一个用户注册页面 如果用户名没有通过的话 不能跳到下一行输入密码 该怎么做?


回复讨论(解决方案)

代码? 代码?

代码? 代码? 我写的代码吗?就是一个注册页面 一个ajax.js 一个检查用户名是否存在的ckuser.php页面

目前是这样的 我想改成如果用户名没有通过,焦点一直在用户名的那个输入框 改怎么加代码?

是啊,不贴出代码,怎么知道问题出在哪?

目前是这样的 我想改成如果用户名没有通过,焦点一直在用户名的那个输入框 改怎么加代码?

没通过校验的话,在让用户名输入框获得焦点就行了

是啊,不贴出代码,怎么知道问题出在哪? 不是出现问题,是我不知道该怎么添加这个功能


目前是这样的 我想改成如果用户名没有通过,焦点一直在用户名的那个输入框 改怎么加代码?

没通过校验的话,在让用户名输入框获得焦点就行了 代码改怎么写啊?

添加也要在原来的代码上加,把你的代码贴出来吧。

添加也要在原来的代码上加,把你的代码贴出来吧。

reg.php<!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=utf-8" /><link href="css/css.css" rel="stylesheet" type="text/css"><title>用户注册</title></head><body><script type="text/javascript" src="js/jquery-1.9.1.min.js"></script><script type="text/javascript" src="js/ajaxlist.js"></script><script>function check(){	checkUserName_1('username','16','unamespan')	}</script><table align="center">    	<tr>        	<td width="61" height="100"> </td>        </tr>    	<tr>        	<td>用户名:</td>            <td width="254"><input onblur="checkUserName_1('username','16','unamespan')" onfocus="onFouces('unamespan')" name=username keytype2="uname" class="input_txt" keytype="1" style="height:22px; width:222px" /><strong><font color="#FF0000">*</font> </strong></td>            <td width="426"><span class=gray id=unamespan>3-16个字符</span></td>        </tr>        <tr>        	<td>密 码:</td>            <td width="254"><input onblur="checkpw_1('password','6','upw')" onfocus="onFocus('upw')" class="input_txt" type=password keytype2="pw" name=password keytype="1" style="height:22px; width:222px" /><strong><font color="#FF0000">*</font> </strong></td>            <td width="426"><span class=gray id=upw>6-16个字符</span></td>        </tr>         <tr>        	<td>确认密码:</td>            <td width="254"><input onblur="checkSame_1('password','passsAgain','urpw')" onfocus="onFocus('urpw')" class="input_txt" type=password keytype2="rpw" name=passAgain keytype="1" style="height:22px; width:222px" /><strong><font color="#FF0000">*</font> </strong></td>            <td width="426"><span class=gray id=urpw>再次输入密码</span></td>        </tr>            </table></body></html>
登录后复制

添加也要在原来的代码上加,把你的代码贴出来吧。

ajaxlist.jsvar username_help='3-16个字符(a-z,0-9,_)'; var username_ok='<img  src="/static/imghw/default1.png"  data-src="js/jquery-1.9.1.min.js"  class="lazy"  src=img/OK.png align=absbottom alt="用户注册页面问题 求指点啊" >用户名可以使用'; var username_error='<img  src="/static/imghw/default1.png"  data-src="js/jquery-1.9.1.min.js"  class="lazy"  src=img/NO.png align=absbottom alt="用户注册页面问题 求指点啊" > 用户名超过了16个字符!'; var username_error_1='<img  src="/static/imghw/default1.png"  data-src="js/jquery-1.9.1.min.js"  class="lazy"  src=img/NO.png align=absbottom alt="用户注册页面问题 求指点啊" > 您的用户名输入格式不正确!'; var username_exist='<img  src="/static/imghw/default1.png"  data-src="js/jquery-1.9.1.min.js"  class="lazy"  src=img/NO.png align=absbottom alt="用户注册页面问题 求指点啊" > 您填写的用户名已经存在!'; var username_null='<img  src="/static/imghw/default1.png"  data-src="js/jquery-1.9.1.min.js"  class="lazy"  src=img/NO.png align=absbottom alt="用户注册页面问题 求指点啊" > 用户名长度最少3位!'; function getHTTPObject(){	var xmlhttp = false; 	if(window.XMLHttpRequest){ 		xmlhttp = new XMLHttpRequest(); 		if(xmlhttp.overrideMimeType){ 			xmlhttp.overrideMimeType('text/xml'); 		} 	}else{		try{ 			xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); 		}catch(e){ 			try{ 				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 			}catch(E){ xmlhttp = false; } 		} 	} 	return xmlhttp; } var http = getHTTPObject(); function getAbsLeft(e){ 	var l=e.offsetLeft; 	while(e=e.offsetParent) l += e.offsetLeft; 	return l; } function getAbsTop(e) { 	var t=e.offsetTop; 	while(e=e.offsetParent) t += e.offsetTop; 	t=t+18; 	return t; } //...............................................................function onFouces(str){	document.getElementById(str).className='word_help';	if(str=='unamespan'){		document.getElementById(str).innerHTML=username_help;	}}function backState(str){	if(str=='uname'){		document.getElementById('username').keytype=0;		document.getElementById('unamespan').className='gray';		document.getElementById('unamespan').innerHTML=username_ok;	}}function checkUserName_1(obj_str,num,obj_strl){	var obj=document.getElementById(obj_str);	var obj_help=document.getElementById(obj_strl);	obj.keytype=0;	if(obj.value.length<3){		obj.keytype=1;		obj_help.innerHTML=username_null;		obj_help.className=word_error;		return false;	}	if(obj.value.length>num){		obj.keytype=1;		obj_help.innerHTML=username_error;		obj_help.className=word_error;		return false;	}		//检查是否有不符合规定的字符 	var name_str=obj.value; 	//name_str=name_str.replace(/[\u4e00-\u9fa5]/g,''); 	name_str=name_str.replace(/[a-zA-Z0-9_]/g,''); 	name_str=name_str.replace(/-/g,''); 	if(name_str!=''){ 		obj.keytype=1; 		obj_help.innerHTML=username_error_1; 		obj_help.className=word_error; 		return false; 	} 		//检测用户名是否存在	var username = document.getElementById('username').value;	url = "checkuserreg.php?username="+username;	http.open("GET",url,true);	http.onreadystatechange = handleHttpResponseForUserName_1;	http.send(null);		if(obj.keytype==0){ 		backState("uname"); 	} }function handleHttpResponseForUserName_1(){ 	if(http.readyState == 4){ 		if (http.status == 200) { 		returnStr=Trim(http.responseText);  			if(returnStr=="1"){ 				var obj_1=document.getElementById("unamespan"); 				obj_1.innerHTML=username_exist; 				document.getElementById("username").keytype=1; 				obj_1.className=word_error; 				return false; 			} 		} 	} } function Trim(str) { 	return RTrim(LTrim(str)); } function LTrim(str) { 	return str.replace(/^[ \t\n\r]+/g, ""); } function RTrim(str) { 	return str.replace(/[ \t\n\r]+$/g, ""); } 
登录后复制

添加也要在原来的代码上加,把你的代码贴出来吧。

<?phpheader('ontent-Type:text/html;charset=GB2312');//避免输出乱码$dbhost     ="localhost";$dbuser     ="root";$dbpassword = "root";mysql_connect($dbhost,$dbuser,$dbpassword) or die("error!");mysql_query("set names 'gbk'");mysql_select_db('db_text');$username=trim($_GET['username']);//获取注册名$sql="select username from tb_user where username='".$username."'";//查询会员名$result=mysql_query($sql);$num=mysql_num_rows($result);$rows=mysql_fetch_array($result);if($num<>0){          echo "1";}else{          echo "0";}mysql_close();//关闭数据库连接?>
登录后复制

给你个思路,如果焦点离开判断校验没通过的话,再获取焦点就行了。这样就没办法进行后面的输入了。

给你个思路,如果焦点离开判断校验没通过的话,再获取焦点就行了。这样就没办法进行后面的输入了。 我也是这样想的 可是我不知道该怎么写代码

你的username input 框没有id值,能运行成功吗?

if(obj.value.length<3){
obj.keytype=1;
obj_help.innerHTML=username_null;
obj_help.className=word_error;
obj.focus(); //加上这句,下面的验证类似。
return false;
}

function handleHttpResponseForUserName_1(){     if(http.readyState == 4){         if (http.status == 200) {         returnStr=Trim(http.responseText);              if(returnStr=="1"){                 var obj_1=document.getElementById("unamespan");                 obj_1.innerHTML=username_exist;                 document.getElementById("username").keytype=1;                 obj_1.className=word_error;                 return false;             } else {               document.getElementById("username").focus(); // 加上这个            }        }     } }
登录后复制
登录后复制

function handleHttpResponseForUserName_1(){     if(http.readyState == 4){         if (http.status == 200) {         returnStr=Trim(http.responseText);              if(returnStr=="1"){                 var obj_1=document.getElementById("unamespan");                 obj_1.innerHTML=username_exist;                 document.getElementById("username").keytype=1;                 obj_1.className=word_error;                 return false;             } else {               document.getElementById("username").focus(); // 加上这个            }        }     } }
登录后复制
登录后复制
这个起作用了 就是符合条件的通过不了,不符合的能通过

你的username input 框没有id值,能运行成功吗?

if(obj.value.length<3){
obj.keytype=1;
obj_help.innerHTML=username_null;
obj_help.className=word_error;
obj.focus(); //加上这句,下面的验证类似。
return false;
} 这个好像没有作用 楼下的有作用了

噢,你是不合法(用户已存在)时返回 1

function handleHttpResponseForUserName_1(){     if(http.readyState == 4){         if (http.status == 200) {         returnStr=Trim(http.responseText);              if(returnStr=="1"){                 var obj_1=document.getElementById("unamespan");                 obj_1.innerHTML=username_exist;                 document.getElementById("username").keytype=1;                 obj_1.className=word_error;                document.getElementById("username").focus(); // 加上这个                return false;             }        }     } }
登录后复制
登录后复制

噢,你是不合法(用户已存在)时返回 1

function handleHttpResponseForUserName_1(){     if(http.readyState == 4){         if (http.status == 200) {         returnStr=Trim(http.responseText);              if(returnStr=="1"){                 var obj_1=document.getElementById("unamespan");                 obj_1.innerHTML=username_exist;                 document.getElementById("username").keytype=1;                 obj_1.className=word_error;                document.getElementById("username").focus(); // 加上这个                return false;             }        }     } }
登录后复制
登录后复制
高手 放在里面不起作用了 怎么回事啊

在 returnStr=Trim(http.responseText); 后面加上
alert(returnStr + ':' + returnStr.length);
看看有什么

在 returnStr=Trim(http.responseText); 后面加上
alert(returnStr + ':' + returnStr.length);
看看有什么 0:1

那不是对的吗?
返回的是 0 就显示“用户名可以使用”

那不是对的吗?
返回的是 0 就显示“用户名可以使用” 是啊 可是刚才写的那段代码加在里面不起作用,加在外面完全又完全相反,高手兄,该怎么改啊

突然发现你有用 jquery


那么还要自己写那些做什么?
建议你改写成直接用 jquery 的,简单的例子

<script>$(function() {  $('#username').blur(function() {    $.post('check.php', {username:$(this).val()}, function(m) {      $('#unamespan').html(m == 1 ? '不可用' : '可用');      if(m == 1) $('#username').focus();    });  });});</script>数字打头不可用,字母打头可用<br>用户名:<input name=username id=username class="input_txt"  style="max-width:90%" /><span class=gray id=unamespan>3-16个字符</span><br>
登录后复制
check.php
<?phpecho is_numeric($_POST['username']{0}) ? 1 : 0;
登录后复制
登录后复制

是不是很简单呢?

突然发现你有用 jquery


那么还要自己写那些做什么?
建议你改写成直接用 jquery 的,简单的例子

<script>$(function() {  $('#username').blur(function() {    $.post('check.php', {username:$(this).val()}, function(m) {      $('#unamespan').html(m == 1 ? '不可用' : '可用');      if(m == 1) $('#username').focus();    });  });});</script>数字打头不可用,字母打头可用<br>用户名:<input name=username id=username class="input_txt"style="height:22px; width:222px" /><span class=gray id=unamespan>3-16个字符</span><br>
登录后复制
check.php
<?phpecho is_numeric($_POST['username']{0}) ? 1 : 0;
登录后复制
登录后复制

是不是很简单呢? OK 谢了 高手兄

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1658
14
CakePHP 教程
1415
52
Laravel 教程
1309
25
PHP教程
1257
29
C# 教程
1231
24
会话如何劫持工作,如何在PHP中减轻它? 会话如何劫持工作,如何在PHP中减轻它? Apr 06, 2025 am 12:02 AM

会话劫持可以通过以下步骤实现:1.获取会话ID,2.使用会话ID,3.保持会话活跃。在PHP中防范会话劫持的方法包括:1.使用session_regenerate_id()函数重新生成会话ID,2.通过数据库存储会话数据,3.确保所有会话数据通过HTTPS传输。

说明PHP中的不同错误类型(注意,警告,致命错误,解析错误)。 说明PHP中的不同错误类型(注意,警告,致命错误,解析错误)。 Apr 08, 2025 am 12:03 AM

PHP中有四种主要错误类型:1.Notice:最轻微,不会中断程序,如访问未定义变量;2.Warning:比Notice严重,不会终止程序,如包含不存在文件;3.FatalError:最严重,会终止程序,如调用不存在函数;4.ParseError:语法错误,会阻止程序执行,如忘记添加结束标签。

PHP和Python:比较两种流行的编程语言 PHP和Python:比较两种流行的编程语言 Apr 14, 2025 am 12:13 AM

PHP和Python各有优势,选择依据项目需求。1.PHP适合web开发,尤其快速开发和维护网站。2.Python适用于数据科学、机器学习和人工智能,语法简洁,适合初学者。

什么是HTTP请求方法(获取,发布,放置,删除等),何时应该使用? 什么是HTTP请求方法(获取,发布,放置,删除等),何时应该使用? Apr 09, 2025 am 12:09 AM

HTTP请求方法包括GET、POST、PUT和DELETE,分别用于获取、提交、更新和删除资源。1.GET方法用于获取资源,适用于读取操作。2.POST方法用于提交数据,常用于创建新资源。3.PUT方法用于更新资源,适用于完整更新。4.DELETE方法用于删除资源,适用于删除操作。

说明PHP中的安全密码散列(例如,password_hash,password_verify)。为什么不使用MD5或SHA1? 说明PHP中的安全密码散列(例如,password_hash,password_verify)。为什么不使用MD5或SHA1? Apr 17, 2025 am 12:06 AM

在PHP中,应使用password_hash和password_verify函数实现安全的密码哈希处理,不应使用MD5或SHA1。1)password_hash生成包含盐值的哈希,增强安全性。2)password_verify验证密码,通过比较哈希值确保安全。3)MD5和SHA1易受攻击且缺乏盐值,不适合现代密码安全。

PHP:网络开发的关键语言 PHP:网络开发的关键语言 Apr 13, 2025 am 12:08 AM

PHP是一种广泛应用于服务器端的脚本语言,特别适合web开发。1.PHP可以嵌入HTML,处理HTTP请求和响应,支持多种数据库。2.PHP用于生成动态网页内容,处理表单数据,访问数据库等,具有强大的社区支持和开源资源。3.PHP是解释型语言,执行过程包括词法分析、语法分析、编译和执行。4.PHP可以与MySQL结合用于用户注册系统等高级应用。5.调试PHP时,可使用error_reporting()和var_dump()等函数。6.优化PHP代码可通过缓存机制、优化数据库查询和使用内置函数。7

PHP行动:现实世界中的示例和应用程序 PHP行动:现实世界中的示例和应用程序 Apr 14, 2025 am 12:19 AM

PHP在电子商务、内容管理系统和API开发中广泛应用。1)电子商务:用于购物车功能和支付处理。2)内容管理系统:用于动态内容生成和用户管理。3)API开发:用于RESTfulAPI开发和API安全性。通过性能优化和最佳实践,PHP应用的效率和可维护性得以提升。

解释PHP 7.4中引入的箭头功能(短闭合)。 解释PHP 7.4中引入的箭头功能(短闭合)。 Apr 06, 2025 am 12:01 AM

箭头函数在PHP7.4中引入,是短闭包的简化形式。1)它们使用=>运算符定义,省略function和use关键字。2)箭头函数自动捕获当前作用域变量,无需use关键字。3)它们常用于回调函数和短小计算,提高代码简洁性和可读性。

See all articles