金沙国际唯一官网网址 2

html代码

onkeyup 事件会在键盘按钮被卸下时发出,顾客通过onkeydown和onkeyup事件来触发响应事件

23 1月 , 2020  

少年老成,利用键盘响应,在不刷新本页面包车型大巴境况下验证表单输入是或不是合法顾客通过onkeydown和onkeyup事件来触发响应事件。使用情势和onclick事件相像。onkeydown代表当键盘上的键被按下时接触,onkeyup和它正巧相反,当键盘上的键被按下又抬起时接触。二种常用调用方法:将事件增加到页面元素中,当客商输入完音信后,单击任意键,onkeydown事件被触发,并调用refer(卡塔尔国函数。这种艺术最简便,最直接,格式如下:复制代码 代码如下:

1.思路

复制代码 代码如下:$;var cname1,cname2,cpwd1,cpwd2;
//评释了5个变量,表示要检验的5项数据chkreg(State of Qatar函数是每回触发键盘事件后都要调用的,该函数判别5个变量的值,唯有当有着变量都为”yes”时,注册按键才会被激活。
function chkreg(卡塔尔(قطر‎{if && && && {$.disabled = false;}else{$.disabled =
true;}}上边验证顾客名,当客商输入注册名称时,该函数会把客商的历次输入都做一下正则判断,并基于结果设置差别的cname1的值。复制代码 代码如下:$.onkeyup = function .value;
//获取注册名称cname2 = ”;if(name.match{$.innerHTML =
‘必得以字母或下划线开首’;cname1 = ”;}else if{$.innerHTML =
‘注册名称必需高于3位’;cname1 = ”;}else{$.innerHTML =
‘注册名称相符标准’;cname1 =
‘yes’;}chkreg函数,决断5个变量是或不是科学}当顾客名文本框失去核心时,即客户输入完结转到页面中任何因素的时候,将检查测试顾客名是或不是再次。客商名判定使用Ajax技能调用了chkname.php并依靠chkname.php的重回值在div标签中显得判断结果。复制代码 代码如下:$.onblur = function.value;
//获取注册名称if{//当客商名称的格式输入合格后才进行这一步xmlhttp.open(‘get’,’chkname.php?name=’+name,true卡塔尔(قطر‎;
//open(State of Qatar创建XMLHttpRequest早先化连接,Ajax创建新的呼吁xmlhttp.onreadystatechange
= function(State of Qatar{
//当钦命XMLHttpRequest为异步传输时,发生任何意况的扭转,该对象都会调用onreadystatechange所内定的函数if(xmlhttp.readyState
== 4卡塔尔(قطر‎{ //XMLHttpRequest管理状态,4表示管理达成if(xmlhttp.status == 200卡塔尔国{
//服务器响应的HTTP代码,200象征平常var msg =
xmlhttp.responseText;//获取响应页的从头到尾的经过if{//chkname.php页面查找数据库,数据库未有该客户重临1$.innerHTML=”恭喜你,该顾客名能够应用!”;cname2
= ‘yes’;}else
if{//数据仓库储存在该顾客重回0$.innerHTML=”顾客名被占用!”;cname2 =
”;}else{$.innerHTML=””+msg+””;cname2 = ”;}}}}xmlhttp.send;
//检查实验是不是激活注册开关}}验证密码,验证密码时,除了可以界定密码的长度外,还足以料定密码的强度。复制代码 代码如下:$.onkeyup =
function.value;pwd2 = $.value;if{$.innerHTML =
‘密码长度起码需求6位’;cpwd1 = ”;}else if(pwd.length >= 6 &&
pwd.length < 12State of Qatar{$.innerHTML = ‘密码符合需求。密码强度:弱’;cpwd1 =
‘yes’;}else if(!=null) || (pwd.match != null State of Qatar卡塔尔国{$.innerHTML =
‘密码相符必要。密码强度:中’;cpwd1 = ‘yes’;}else{$.innerHTML =
‘密码适合需求。密码强度:高’;cpwd1 = ‘yes’;}if(pwd2 != ” && pwd !=
pwd2卡塔尔国{$.innerHTML = ‘三遍密码不相近!’;cpwd2 = ”;}else if(pwd2 != ” &&
pwd == pwd2卡塔尔{$.innerHTML = ‘密码输入精确’;cpwd2 =
‘yes’;}chkreg(卡塔尔;}一回密码剖断比较轻便,只要判断第一回输入密码是或不是和率先次输入相等。复制代码 代码如下:$.onkeyup =
function.value;pwd2 = $.value;if{$.innerHTML = ‘五次密码不相符!’;cpwd2 =
”;}else{$.innerHTML = ‘密码输入精确’;cpwd2 =
‘yes’;}chkreg(卡塔尔;}上边是必得填写音信,假如客户期望填写更详细的质地,可单击”详细资料按钮”复制代码 代码如下:$.onclick =
function.style.display == ”卡塔尔{$.style.display =
‘none’;}else{$.style.display =
”;}}E-mail格式验证,输入字符串中必须包蕴@和.,同期那多个字符串的职位既不可能在全进程也不能够连在一同复制代码 代码如下:$.onkeyup =
function(卡塔尔{emailreg =
/^w+*@w+*.w+*$/;$.value.match;if.value.match{$.innerHTML =
‘错误的email格式’;cemail = ”;}else{$.innerHTML = ‘输入准确’;cemail =
‘yes’;}chkreg(卡塔尔国;}三,检验客商名复制代码 代码如下:

能够用onblur事件,会在目的失去大旨的时候接触

getRowsNum{$reback = ‘2’;}else if{$reback = ‘1’;}else{$reback =
$conne->msg_error();}echo
$reback;?>四,XMLHttpRequest函数开首化复制代码 代码如下:// JavaScript Documentvar
xmlhttp = false;if (window.XMLHttpRequest卡塔尔国 {
//Mozilla、Safari等浏览器xmlhttp = new XMLHttpRequest(State of Qatar;} else if {
//IE浏览器try {xmlhttp = new ActiveXObject;} catch {try {xmlhttp = new
ActiveXObject; } catch {}}}

用onkeyup事件,onkeyup 事件会在键盘按钮被卸掉时发出。

window.onload=function(State of Qatar{}//是等待脚本加载完毕后推行

window.location.reload(卡塔尔刷新当前页面.

parent.location.reload(卡塔尔(قطر‎刷新老爸对象(用于框架)

opener.location.reload(卡塔尔刷新父窗口对象(用于单开窗口)

top.location.reload(State of Qatar刷新顶部对象(用于多开窗口)

2.结果

金沙国际唯一官网网址 1

金沙国际唯一官网网址 2

3.模板文件

①xmlhttp.js

// JavaScript Document

varxmlhttp= false;

if(window.ActiveXObject){

xmlhttp= newActiveXObject(“Microsoft.XMLHTTP”);

}else if(window.XMLHttpReuqest){

xmlhttp= newXMLHttpRequest();

}

②register.js

// JavaScript Document

function$(id){

returndocument.getElementById(id);

}

window.onload= function(){

$(‘regname’).focus();

varcname1,cname2,cpwd1,cpwd2;

//验证顾客名

$(‘regname’).onkeyup= function(){

name=$(‘regname’).value;

cname2=”;

if(name.match(/^[a-zA-Z_]*/)==”){

$(‘namediv’卡塔尔.innerHTML=’必需以字母或下划线开始’;

cname1=”;

}else if(name.length<=3){

$(‘namediv’卡塔尔(قطر‎.innerHTML=’注册名称必需高于3位’;

cname1=”;

}else{

$(‘namediv’State of Qatar.innerHTML=’注册名称相符标准’;

cname1=’yes’;

onkeyup 事件会在键盘按钮被卸下时发出,顾客通过onkeydown和onkeyup事件来触发响应事件。}

chkreg();

}

$(‘regname’).onblur= function(){

name=$(‘regname’).value;

if(cname1==’yes’){

xmlhttp.open(‘get’,’chkname.php?name=’+name,true);

xmlhttp.onreadystatechange= function(){

if(xmlhttp.readyState==4){

if(xmlhttp.status==200){

varmsg=xmlhttp.responseText;

if(msg==’1′){

$(‘namediv’卡塔尔(قطر‎.innerHTML=”恭喜您,该客商名能够动用!”;

cname2=’yes’;

}else if(msg==’2′){

$(‘namediv’卡塔尔国.innerHTML=”客户名被占用!”;

cname2=”;

}else{

$(‘namediv’).innerHTML=””+msg+””;

cname2=”;

}

www.2979.com ,}

}

}

xmlhttp.send(null);

chkreg();

}

}

金沙国际唯一官网网址 ,$(‘regpwd1’).onkeyup= function(){

pwd=$(‘regpwd1’).value;

pwd2=$(‘regpwd2’).value;

if(pwd.length<6){

$(‘pwddiv1’卡塔尔.innerHTML=’密码长度起码须求6位’;

cpwd1=”;

}else if(pwd.length>=6&&pwd.length<12){

$(‘pwddiv1’卡塔尔国.innerHTML=’密码相符要求。密码强度:弱’;

cpwd1=’yes’;

}else
if((pwd.match(/^[0-9]*$/)!=null)||(pwd.match(/^[a-zA-Z]*$/)!=
null)){

$(‘pwddiv1’卡塔尔国.innerHTML=’密码符合须求。密码强度:中’;

cpwd1=’yes’;

}else{

$(‘pwddiv1’卡塔尔(قطر‎.innerHTML=’密码契合供给。密码强度:高’;

cpwd1=’yes’;

}

if(pwd2!=”&&pwd!=pwd2){

$(‘pwddiv2’卡塔尔.innerHTML=’三回密码不相近!’;

cpwd2=”;

}else if(pwd2!=”&&pwd==pwd2){

$(‘pwddiv2’卡塔尔国.innerHTML=’密码输入准确’;

cpwd2=’yes’;

}

chkreg();

}

$(‘regpwd2’).onkeyup= function(){

pwd1=$(‘regpwd1’).value;

pwd2=$(‘regpwd2’).value;

if(pwd1!=pwd2){

$(‘pwddiv2’卡塔尔.innerHTML=’四遍密码不均等!’;

cpwd2=”;

}else{

$(‘pwddiv2’卡塔尔(قطر‎.innerHTML=’密码输入精确’;

cpwd2=’yes’;

}

chkreg();

}

functionchkreg(){

if((cname1==’yes’)&&(cname2==’yes’)&&(cpwd1==’yes’)&&(cpwd2==’yes’)){

$(‘regbtn’).disabled= false;

}else{

$(‘regbtn’).disabled= true;

}

}

$(‘morebtn’).onclick= function(){

if($(‘morediv’).style.display==”){

$(‘morediv’).style.display=’none’;

}else{

$(‘morediv’).style.display=”;

}

}

//正式登记

$(‘regbtn’).onclick= function(){

if($(’email’).value!=”){

reg=/^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/;

$(’email’).value.match(reg);

if($(’email’).value.match(reg)== null){

alert(‘您能够筛选不填写email,但无可反驳要写准确的格式’卡塔尔国;

$(’email’).select();

return false;

}

}

name=$(‘regname’).value;

pwd=$(‘regpwd1’).value;

question1=$(‘question’).value;

answer1=$(‘answer’).value;

email1=$(’email’).value;

url=’register_chk.php?name=’+name+’&pwd=’+pwd;

url+=’&question=’+question1+’&answer=’+answer1+’&email=’+email1;

xmlhttp.open(‘get’,url,true);

xmlhttp.onreadystatechange= function(){

if(xmlhttp.readyState==4){

if(xmlhttp.status==200){

msg=xmlhttp.responseText;

if(msg==’1′){

alert(‘注册成功!’);

top.opener.location.reload();

window.close();

}else{

alert(msg);

}

}

}

}

xmlhttp.send(null);

}

}

③register.php

session_start();

header(‘Content-Type:text/html;charset=gb2312’);

?>

顾客注册页面

登记名称:

名称由希伯来语字母和数字及下划线组成

挂号密码:

请输入密码

断定密码:

确认密码

注册

④chkname.php

session_start();

include_once”conn/conn.php”;

$reback=’0′;

$sql=”select*from tb_member where name='”.$_GET[‘name’].”‘”;

$num=$conne->getRowsNum($sql);

if($num==1){

$reback=’2′;

}else if($num==0){

$reback=’1′;

}else{

$reback=$conne->msg_error();

}

echo$reback;

?>

, , , , , ,


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图