检测用户和email是否被注册,检测email格式是否正确,检测密码强度
XML/HTML Code
- <div id="reg">
- <FORM name="formUser" onSubmit="return register();" action=user.php
- method=post>
- <BR>
- <TABLE width="100%" align=center border=0>
- <TBODY>
- <TR>
- <TD align=right width="15%"><STRONG>用户名:</STRONG></TD>
- <TD width="57%"><INPUT id="username" onBlur="chkUserName(this)"
- name="username">
- <SPAN id="username_notice" >*</SPAN></TD>
- </TR>
- <TR>
- <TD align=right><STRONG>email:</STRONG></TD>
- <TD><INPUT id="email" onBlur="checkEmail(this)" name="email">
- <SPAN id=email_notice >*</SPAN></TD>
- </TR>
- <TR>
- <TD align=right><STRONG>密码:</STRONG></TD>
- <TD><INPUT id="password" onBlur="check_password(this)"
- onkeyup="checkIntensity(this.value)" type="password" name="password">
- <SPAN
- id=password_notice >*</SPAN></TD>
- </TR>
- <TR>
- <TD align=right><STRONG>密码强度:</STRONG></TD>
- <TD><TABLE cellSpacing=0 cellPadding=1 width=145 border=0>
- <TBODY>
- <TR align=middle>
- <TD id=pwd_lower width="33%">弱</TD>
- <TD id=pwd_middle width="33%">中</TD>
- <TD id=pwd_high width="33%">强</TD>
- </TR>
- </TBODY>
- </TABLE></TD>
- </TR>
- <TR>
- <TD align=right><STRONG>确认密码:</STRONG></TD>
- <TD><INPUT id="conform_password" onBlur="check_conform_password(this)"
- type="password" name="confirm_password">
- <SPAN id=conform_password_notice >*</SPAN></TD>
- </TR>
- <TR>
- <TD align=right><STRONG>手机:</STRONG></TD>
- <TD><INPUT name=other[mobile_phone]> </TD>
- </TR>
- <TR>
- <TD> </TD>
- <TD><LABEL>
- <INPUT type="checkbox" CHECKED value="1" name="agreement" onBlur="check_agreement(this)">
- <B>我已看过并接受《<a href="#">用户协议</a>》<SPAN id=agreement_notice >*</SPAN></B></LABEL></TD>
- </TR>
- <TR>
- <TD ><INPUT type=hidden value=act_register name=act></TD>
- <TD ><input type=submit value=确认注册 name="Submit1" class="anniu" disabled></TD>
- </TR>
- <TR>
- <TD colSpan=2> </TD>
- </TR>
- </TBODY>
- </TABLE>
- </FORM>
- </div>
from_ck.js
JavaScript Code
- //XMLHttpRequest
- var xmlhttp = false;
- try {
- xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
- } catch (e) {
- try {
- xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
- } catch (e2) {
- xmlhttp = false;
- }
- }
- if (!xmlhttp && typeof XMLHttpRequest != 'undefined') {
- xmlhttp = new XMLHttpRequest();
- }
- function Ajax(data){
- xmlhttp.open("GET","user_ck.php?username="+document.getElementById("username").value,true);
- xmlhttp.send(null);
- document.getElementById('username_notice').innerHTML = process_request;//显示状态
- xmlhttp.onreadystatechange=function(){
- if (4==xmlhttp.readyState){
- if (200==xmlhttp.status){
- var responseText = xmlhttp.responseText;
- if (responseText=="true" ){
- ck_user("true");
- }
- else{
- ck_user("false");
- }
- }else{
- alert("发生错误!");
- }
- }
- }
- }
- function chkUserName(obj){
- if (checks(obj.value)== false)
- {
- obj.className = "FrameDivWarn";
- showInfo("username_notice",msg_un_format);
- change_submit("true");
- }
- else if(obj.value.length<1){
- obj.className = "FrameDivWarn";
- showInfo("username_notice",msg_un_blank);
- change_submit("true");
- }
- else if(obj.value.length<3){
- obj.className = "FrameDivWarn";
- showInfo("username_notice",username_shorter);
- change_submit("true");
- }
- else{
- //调用Ajax函数,向服务器端发送查询
- Ajax(obj.value);
- }
- }
- //--------------用户名检测---------------------//
- function ck_user(result)
- {
- if ( result == "true" )
- {
- document.getElementById('username').className = "FrameDivWarn";
- showInfo("username_notice",msg_un_registered);
- change_submit("true");//禁用提交按钮
- }
- else
- {
- document.getElementById('username').className = "FrameDivPass";
- showInfo("username_notice",msg_can_rg);
- change_submit("false");//可用提交按钮
- }
- }
- function checks(t){
- szMsg="[#%&'\",;:=!^@]";
- //alertStr="";
- for(i=1;i<szMsg.length+1;i++){
- if(t.indexOf(szMsg.substring(i-1,i))>-1){
- //alertStr="请勿包含非法字符如[#_%&'\",;:=!^]";
- return false;
- }
- }
- return true;
- }
- //-----------EMAIL检测--------------------------------//
- function checkEmail(email)
- {
- if (chekemail(email.value)==false)
- {
- email.className = "FrameDivWarn";
- showInfo("email_notice",msg_email_format);
- change_submit("true");
- }
- else
- {
- showInfo("email_notice",info_right);
- email.className = "FrameDivPass";
- change_submit("false");
- }
- }
- function chekemail(temail) {
- var pattern = /^[\w]{1}[\w\.\-_]*@[\w]{1}[\w\-_\.]*\.[\w]{2,4}$/i;
- if(pattern.test(temail)) {
- return true;
- }
- else {
- return false;
- }
- }
- //--------------------密码检测-----------------------------//
- function check_password( password )
- {
- if ( password.value.length < 6 )
- {
- showInfo("password_notice",password_shorter_s);
- password.className = "FrameDivWarn";
- change_submit("true");//禁用提交按钮
- }
- else if(password.value.length > 30){
- showInfo("password_notice",password_shorter_m);
- password.className = "FrameDivWarn";
- change_submit("true");//禁用提交按钮
- }
- else
- {
- showInfo("password_notice",info_right);
- password.className = "FrameDivPass";
- change_submit("false");//允许提交按钮
- }
- }
- function check_conform_password( conform_password )
- {
- password = document.getElementById('password').value;
- if ( conform_password.value.length < 6 )
- {
- showInfo("conform_password_notice",password_shorter_s);
- conform_password.className = "FrameDivWarn";
- change_submit("true");//禁用提交按
- return false;
- }
- if ( conform_password.value!= password)
- {
- showInfo("conform_password_notice",confirm_password_invalid);
- conform_password.className = "FrameDivWarn";
- change_submit("true");//禁用提交按
- }
- else
- {
- conform_password.className = "FrameDivPass";
- showInfo("conform_password_notice",info_right);
- change_submit("false");//允许提交按钮
- }
- }
- //* *--------------------检测密码强度-----------------------------* *//
- function checkIntensity(pwd)
- {
- var Mcolor = "#FFF",Lcolor = "#FFF",Hcolor = "#FFF";
- var m=0;
- var Modes = 0;
- for (i=0; i<pwd.length; i++)
- {
- var charType = 0;
- var t = pwd.charCodeAt(i);
- if (t>=48 && t <=57)
- {
- charType = 1;
- }
- else if (t>=65 && t <=90)
- {
- charType = 2;
- }
- else if (t>=97 && t <=122)
- charType = 4;
- else
- charType = 4;
- Modes |= charType;
- }
- for (i=0;i<4;i++)
- {
- if (Modes & 1) m++;
- Modes>>>=1;
- }
- if (pwd.length<=4)
- {
- m = 1;
- }
- switch(m)
- {
- case 1 :
- Lcolor = "2px solid red";
- Mcolor = Hcolor = "2px solid #DADADA";
- break;
- case 2 :
- Mcolor = "2px solid #f90";
- Lcolor = Hcolor = "2px solid #DADADA";
- break;
- case 3 :
- Hcolor = "2px solid #3c0";
- Lcolor = Mcolor = "2px solid #DADADA";
- break;
- case 4 :
- Hcolor = "2px solid #3c0";
- Lcolor = Mcolor = "2px solid #DADADA";
- break;
- default :
- Hcolor = Mcolor = Lcolor = "";
- break;
- }
- document.getElementById("pwd_lower").style.borderBottom = Lcolor;
- document.getElementById("pwd_middle").style.borderBottom = Mcolor;
- document.getElementById("pwd_high").style.borderBottom = Hcolor;
- }
- //--------------注册协议复选框状态检测---------------------//
- function check_agreement(){
- if (document.formUser.agreement.checked==false)
- {
- showInfo("agreement_notice",agreement);
- change_submit("true");//允许提交
- }
- else
- {
- showInfo("agreement_notice",info_right);
- change_submit("false");//允许提交按
- }
- }
- //-------------处理注册程序-----------------------------//
- function register() {
- if(document.formUser.username.value=="")
- {
- showclass("username","FrameDivWarn");
- showInfo("username_notice",msg_un_blank);
- document.formUser.username.focus();
- return false;
- }
- else if(document.formUser.email.value=="")
- {
- showclass("email","FrameDivWarn");
- showInfo("email_notice",msg_email_blank);
- document.formUser.email.focus();
- return false;
- }
- else if(document.formUser.password.value=="")
- {
- showclass("password","FrameDivWarn");
- showInfo("password_notice",password_empty);
- document.formUser.password.focus();
- return false;
- }
- else if(document.formUser.confirm_password.value=="")
- {
- showclass("confirm_password","FrameDivWarn");
- showInfo("conform_password_notice",confirm_password_invalid);
- document.formUser.password.focus();
- return false;
- }
- else if(document.formUser.agreement.checked==false)
- {
- //showclass("agreement","FrameDivWarn");
- showInfo("agreement_notice",agreement);
- document.formUser.agreement.focus();
- return false;
- }
- }
- //------------ 按钮状态设置-----------------------------//
- function change_submit(zt)
- {
- if (zt == "true")
- {
- document.forms['formUser'].elements['Submit1'].disabled = 'disabled';
- }
- else
- {
- document.forms['formUser'].elements['Submit1'].disabled = '';
- }
- }
- //------公用程序------------------------------------//
- function showInfo(target,Infos){
- document.getElementById(target).innerHTML = Infos;
- }
- function showclass(target,Infos){
- document.getElementById(target).className = Infos;
- }
- var process_request = "<img src='loading.gif' width='16' height='16' border='0' align='absmiddle'>正在数据处理中...";
- var username_empty = "<span style='COLOR:#ff0000'> × 用户名不能为空!</span>";
- var username_shorter = "<span style='COLOR:#ff0000'> × 用户名长度不能少于 3 个字符。</span>";
- var username_invalid = "- 用户名只能是由字母数字以及下划线组成。";
- var password_empty = "<span style='COLOR:#ff0000'> × 登录密码不能为空。</span>";
- var password_shorter_s = "<span style='COLOR:#ff0000'> × 登录密码不能少于 6 个字符。</span>";
- var password_shorter_m = "<span style='COLOR:#ff0000'> × 登录密码不能多于 30 个字符。</span>";
- var confirm_password_invalid = "<span style='COLOR:#ff0000'> × 两次输入密码不一致!</span>";
- var email_empty = "<span style='COLOR:#ff0000'> × Email 为空</span>";
- var email_invalid = "- Email 不是合法的地址";
- var agreement = "<span style='COLOR:#ff0000'> × 您没有接受协议</span>";
- var mobile_phone_invalid = "- 手机号码不是一个有效号码";
- var msg_un_blank = "<span style='COLOR:#ff0000'> × 用户名不能为空!</span>";
- var msg_un_length = "<span style='COLOR:#ff0000'> × 用户名最长不得超过15个字符</span>";
- var msg_un_format = "<span style='COLOR:#ff0000'> × 用户名含有非法字符!</span>";
- var msg_un_registered = "<span style='COLOR:#ff0000'> × 用户名已经存在,请重新输入!</span>";
- var msg_can_rg = "<span style='COLOR:#006600'> √ 可以注册!</span>";
- var msg_email_blank = "<span style='COLOR:#ff0000'> × 邮件地址不能为空!</span>";
- var msg_email_registered = " × 邮箱已存在,请重新输入!";
- var msg_email_format = "<span style='COLOR:#ff0000'> × 邮件地址不合法!</span>";
- var username_exist = "用户名 %s 已经存在";
- var info_can="<span style='COLOR:#006600'> √ 可以注册!</span>";
- var info_right="<span style='COLOR:#006600'> √ 填写正确!</span>";
user_check.php
PHP Code
- <?php
- include("conn.php");
- //设置页面编码
- header("Content-type:text/html;charset=UTF-8");
- $username=trim($_GET["username"]);
- $sql="select * from username_list where username='$username'";
- $query=mysql_query($sql);
- $rst=mysql_fetch_object($query);
- if ($rst==false)
- {
- echo 'false';
- }
- else
- {
- echo 'true';
- }
- ?>
相关推荐
用户注册表单验证(Ajax验证),Ajax写的,注册表单验证。
ajax注册验证表单,通过用户输入的注册信息,判断是否正确。
一个简单的 ajax注册页面,不需要提交表单就可以验证用户
本例包括一个自定义的Ajax用户注册验证类,基于JavaScript编写。通过这个Ajax类实现用户名无刷新检测、密码强度检测、邮箱格式判断、字母与数字判断等,可以说包括了一般表单所需要的数据判断类型,本实例包括数据库...
HTML5 Ajax验证的用户注册表单,无刷新输入判断的HTML5表单特效,界面风格漂亮,功能简洁实用,表单验证方面包括:用户名、邮箱地址判断、密码字符验证、两次密码是否一致判断、是否同意注册协议等,几个常用的判断...
功能介绍:jQuery多功能注册表单验证插件代码,能够验证几乎所有字段,让你自定义错误提示的长度,提示内容,提示字体颜色,还能与php动态验证手机号或者用户名在数据库是否存在,还能验证身份证是否输入正确,还能配合短信...
利用Ajax技术实现表单输入信息的验证。以用户注册页面示例,在注册页面中需要对用户名和两次输入的密码进行验证,其中用户名是唯一的,不能重复,而两次输入的密码必须相同,只用这样的输入才是有效地。并且要求,...
就用户体验来说,实时的用户信息检查用户体验效果更好,而不是在表单提交后,告诉用户信息不符合系统要求。 下面截图是新浪微博的注册界面,它采用的是实时的用户信息检查,如:手机号码和用户名等信息。 图1新浪...
作业:用户登录注册系统,后台采用jsp + servlet + javabean技术实现,浏览器客户端采用ajax框架之jquery框架! 要求: 不能抄袭,没有分组,面向接口编程,不要迟到! 1、注册的信息: 用户名,密码,性别(下拉...
作业:用户登录注册系统,后台采用jsp + servlet + javabean技术实现,浏览器客户端采用ajax框架之jquery框架! 要求: 不能抄袭,没有分组,面向接口编程,不要迟到! 1、注册的信息: 用户名,密码,性别(下拉...
本资源主要是用于ssm框架用于实时验证,给予jquery和1ajax来查询数据库数据来判断是否用户名可用
支持ajax提交表单数据,也支持ajax实时反馈验证结果(如常见的用户注册表单下的用户名检测); 支持开启网速慢时的二次提交防御(有时连续的点击提交表单按钮会产生多次的表单提交结果); 指定表单下任一元素在...
这是目前国内开发的所有JS表单验证框架中最好的一个。理由如下:1、简单,只有一个JS文件,不需要其它相关JS支持。2集成AJAX验证支持。3、验证类型全面。4、极易扩展。 主要功能有: PISX通用表单验证具有以下一些...
一、源码特点 目前只能验证检测,不可实现注册功能二、功能介绍 本源码是一个动态页面改善过后的注册用户界面过程,利用ajax和webservice实现异步无刷新的用户信息验证,只是演示了用户注册检测功能,具体的注册...
这里进一步总结了jQuery的Ajax用户认证和注册技术。分享给大家供大家参考,具体如下: Ajax 表单提交是一个功能强大的技术,提供一种发送 web 表单的方法,无需重载浏览器窗口。jQuery 库让您使用 Ajax 表单提交功能...
arr[0].XChecksetcont("3-12长度,字母,数字,下划线", "", "表单不能为空", "验证失败", "此用户已存在", "此用户可以注册"); arr[0].posturl("/FormValidation/ajax/ajax-validation.asmx/user_isNull", "name...
验证码在WEB应用中非常重要,通常用来防止用户恶意提交表单,如恶意注册和登录、论坛恶意灌水等。使用PHP生成各种常见的验证码包括数字验证码、数字+字母验证码、中文验证码、算术验证码等等以及其Ajax验证过程
利用Ajax技术实现表单输入信息的验证。以用户注册页面示例,在注册页面中需要对用户名和两次输入的密码进行验证,其中用户名是唯一的,不能重复,而两次输入的密码必须相同,只用这样的输入才是有效地。并且要求,...
我所举的这个例子是一个企业用户注册时的一个应用,当用户注册时检查用户名和企业名是否可用,以前的做法是在旁边加一个按钮,点击“检查”,就向服务器发出请求,然后等待……服务器返回信息,继续操作。