您的位置:

js简单注册页面代码验证(javascript验证注册页面代码)

js简单注册页面代码验证(javascript验证注册页面代码)

更新:

本文目录一览:

用html做的一个form+table注册页面里有一个验证码,要怎么写这个js代码??

可以用JS做个简单的验证码 script language="javascript"var code; //在全局 定义验证码

function createCode()

{ //创建验证码函数

code = "";

var codeLength =5;//验证码的长度

var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');//所有候选组成验证码的字符,当然也可以用中文的

for(var i=0;icodeLength;i++)

{

var charIndex =Math.floor(Math.random()*36);

code +=selectChar[charIndex];

}// 设置验证码的显示样式,并显示

document.getElementById("discode").style.fontFamily="Fixedsys"; //设置字体

document.getElementById("discode").style.letterSpacing="3px"; //字体间距

document.getElementById("discode").style.color="#ff0000"; //字体颜色

document.getElementById("discode").innerHTML=code; // 显示

}/script 把上面一段JS代码放到head/head标签中在页面装载的时候,调用验证码创建函数 body onload="createCode()

"在验证码输入框的后面放一个标签 span id="discode"/span

js格式QQ注册页面,用正则表达式验证各个文本框,输入错误提示错误,全部输入正确则输出注册成功的完整代码

这个用插件来验证的比较快。插件名称:formvalidator.js ,网上下载个,使用方法:$("#new_password").formValidator({empty:true,onshow:"不修改密码请留空。",onfocus:"密码应该为6-20位之间"}).inputValidator({min:5,max:20,onerror:"密码应该为6-20位之间"});

$("#new_pwdconfirm").formValidator({empty:true,onshow:"不修改密码请留空。",onfocus:"请输入两次密码不同。",oncorrect:"密码输入一致"}).compareValidator({desid:"new_password",operateor:"=",onerror:"请输入两次密码不同。"});

我想做一个用户注册的网页界面,用javascript对输入的数据进行验证。

在源文件中调用这一段就可以了

// JavaScript Document

function $ (ElementID) {

return document.getElementById(ElementID);

}

function checkEmail(){

var mail=$("email");

var divID=$("DivEmail");

divID.innerHTML="";

if(mail.value==""){

divID.innerHTML="Email不能为空";

//mail.focus();

return false;

}

if(mail.value.indexOf("@")==-1){

divID.innerHTML="Email格式不正确,必须包含@";

//mail.focus();

return false;

}

if(mail.value.indexOf(".")==-1){

divID.innerHTML="Email格式不正确,必须包含.";

//mail.focus();

return false;

}

//return true;

}

function checkPass(){

var pwd=$("pwd");

var divID=$("DivPwd");

divID.innerHTML="";

if(pwd.value==""){

divID.innerHTML="密码不能为空";

//pwd.focus();

return false;

}

if(pwd.value.length6){

divID.innerHTML="密码必须等于或大于6个字符";

//pwd.focus();

return false;

}

//return true;

}

function checkRePass(){

var pwd=$("pwd"); //输入密码

var repwd=$("repwd"); //再次输入密码

var divID=$("DivRepwd");

divID.innerHTML="";

if(pwd.value!=repwd.value){

divID.innerHTML="两次输入的密码不一致";

return false;

}

//return true;

}

function checkUser(){

var user=$("user");

var divId=$("DivUser");

divId.innerHTML="";

if(user.value==""){

divId.innerHTML="姓名不能为空";

//user.focus();

return false;

}

for(var i=0;iuser.value.length;i++){

var j=user.value.substring(i,i+1)

if(j=0){

divId.innerHTML="姓名中不能包含数字";

//user.focus();

return false;

}

}

//return true;

}

jsp关于js注册表单验证问题:事件为submit按钮提交验证的onClick事件,先看一下部分主要代码:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title无标题文档/title

script type="text/javascript"

function check(obj){

var name=obj.value;

if(name=='')

{

alert("no null!");

return false;

}

}

/script

/head

body

form action="test2.jsp" method="post"

输入用户名:input name="username" type="text" onblur="check(this)"/

用户姓名:input name="name" type="text" onblur="check(this)"/

input type="submit" name="Submit" value="登录"/

/form

/body

/html

一般验证成功了 不用alert了

javascript写的注册页面代码

只是写了 昵称 密码 确认密码 电子邮件地址

其余的自己写一下吧

就是这个格式

自己完成吧!

html

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

titleUntitled Document/title

script language="javascript"

function checkname(){

var div = document.getElementById("div1");

div.innerHTML = "";

var name1 = document.form1.text1.value;

if (name1 == "") {

div.innerHTML = "姓名不能为空!";

document.form1.text1.focus();

return false;

}

if (name1.length 4 || name1.length 16) {

div.innerHTML = "姓名输入的长度4-16个字符!";

document.form1.text1.select();

return false;

}

var charname1 = name1.toLowerCase();

for (var i = 0; i name1.length; i++) {

var charname = charname1.charAt(i);

if (!(charname = 0 charname = 9) (!(charname = 'a' charname = 'z')) (charname != '_')) {

div.innerHTML = "姓名包含非法字母,只能包含字母,数字,和下划线";

document.form1.text1.select();

return false;

}

}

return true;

}

function checkpassword(){

var div = document.getElementById("div2");

div.innerHTML = "";

var password = document.form1.text2.value;

if (password == "") {

div.innerHTML = "密码不位空!";

document.form1.text2.focus();

return false;

}

if (password.length 4 || password.length 12) {

div.innerHTML = "密码长度4-12位";

document.form1.text2.select();

return false;

}

return true;

}

function checkrepassword(){

var div = document.getElementById("div3");

div.innerHTML = "";

var password = document.form1.text2.value;

var repass = document.form1.text3.value;

if (repass == "") {

div.innerHTML = "密码不位空!";

document.form1.text3.focus();

return false;

}

if (password != repass) {

div.innerHTML = "输入密码和确认密码长度不一致";

document.form1.text3.select();

return false;

}

return true;

}

function checkEmail(){

var div = document.getElementById("div4");

div.innerHTML = "";

var email = document.form1.text5.value;

var sw = email.indexOf("@", 0);

var sw1 = email.indexOf(".", 0);

var tt = sw1 - sw;

if (email.length == 0) {

div.innerHTML = "电子邮件不能位空";

document.form1.text5.focus();

return false;

}

if (email.indexOf("@", 0) == -1) {

div.innerHTML = "电子邮件格式不正确,必须包含@符号!";

document.form1.text5.select();

return false;

}

if (email.indexOf(".", 0) == -1) {

div.innerHTML = "电子邮件格式不正确,必须包含.符号!";

document.form1.text5.select();

return false;

}

if (tt == 1) {

div.innerHTML = "邮件格式不对。@和.不可以挨着!";

document.form1.text5.select();

return false;

}

if (sw sw1) {

div.innerHTML = "电子邮件格式不正确,@符号必须在.之前";

document.form1.text5.select();

return false;

}

else {

return true;

}

return ture;

}

function check(){

if (checkname() checkpassword() checkrepassword() checkEmail()) {

return true;

}

else {

return false;

}

}

/script

/head

body

form name="form1" method="post" action="2.html" onsubmit="return check()"

table

tr

td

用户名:

/td

td

input id="text1" type="text" name="text1" onblur="check()"

div id="div1" style="display:inline"

/div

/td

/tr

tr

td

密码:

/td

td

input id="text2" type="password" name="text2" onblur="check()"

div id="div2" style="display:inline"

/div

/td

/tr

tr

td

确认密码:

/td

td

input id="text3" type="password" name="text3" onblur="check()"

div id="div3" style="display:inline"

/div

/td

/tr

tr

td

电子邮件地址:

/td

td

input id="text4" type="text" name="text4" onblur="check()"

div id="div4" style="display:inline"

/div

/td

/tr

tr align="center"

td align="center"

input type="submit" value="提交" name="tect6"input type="reset" value="重置" name="text7"

/td

/tr

/table

/form

/body

/html

JS注册页面代码?

这不是源码不源码的事,这得看你用的是什么技术,asp?php?JSP?能给你的只有Ajax的代码,后台的得看你用的什么技术。var xmlHttp;

try {

xmlHttp = new XMLHttpRequest();

} catch (trymicrosoft) {

try {

xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");

} catch (othermicrosoft) {

try {

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

} catch (failed) {

xmlHttp = false;

}

}

}function getList(id) {

xmlHttp.open('POST', '%=basePath%displayWorkCharacterTree.do?id='+id,true);

xmlHttp.onreadystatechange = handleResponse;

xmlHttp.send(null);

}function handleResponse() { if(xmlHttp.readyState == 4){

if (xmlHttp.status == 200 || xmlHttp.status == 0){

alert("已经注册"); }

}

}

js简单注册页面代码验证(javascript验证注册页面代

本文目录一览: 1、用html做的一个form+table注册页面里有一个验证码,要怎么写这个js代码?? 2、js格式QQ注册页面,用正则表达式验证各个文本框,输入错误提示错误,全部输入正确则输出注

2023-12-08
注册表单验证js代码,表单验证码代码

2022-11-24
php登录注册验证码功能,php怎么实现邮箱注册验证码

2022-11-21
java验证码代码,验证码java实现

2022-11-27
js授权验证代码,验证码代码实现

2022-11-22
如何注册js网页(js登陆注册)

本文目录一览: 1、JS写简单注册页面的问题 2、js账号怎么用法怎么注册js?。。。。。。。怎么登录js???? 3、当当网上书城注册页面用JavaScript怎么编程 4、编写一个注册网页,求js

2023-12-08
php注册登陆页面代码,php用户注册登录代码

2022-11-28
js验证表单提交代码(js进行表单验证)

本文目录一览: 1、js表单验证代码怎么写 2、如何用js提交struts2验证表单? 3、用JS提交表单时如何验证表单项 4、js注册表单验证代码 js表单验证代码怎么写 我来举个例子,很简单的!D

2023-12-08
php注册账号代码(PHP注册)

2022-11-14
java图片验证码,java图片验证码代码

2023-01-04
用js设计一个注册页面(用js编写一个注册页面)

本文目录一览: 1、javascript 注册页面设计 2、如何用htmljavascript设计一个用户注册窗口? 3、JavaScript+html设计一个用户注册页面 4、JS写简单注册页面的问

2023-12-08
jsp登录注册完整代码包下载(jsp登陆注册界面代码)

本文目录一览: 1、jsp登录代码 2、求大神写一下jsp的简单的注册界面代码。 3、jsp登陆界面源代码 4、编写用户注册于登录的JSP页面的全部程序代码 jsp登录代码 login.jsp%@ p

2023-12-08
java验证邮箱,java 验证

2023-01-09
用户注册页面HTML代码详解

2023-05-20
图片验证码java,图片验证码是什么

2022-12-01
php实现简单登陆注册页面,php简单登录

2022-11-30
php实现登陆页面验证,php登陆页面完整代码

2023-01-03
怎样实现登陆和注册php代码(php登录注册代码)

2022-11-13
java图片验证码,java图片验证码登录

2023-01-09
java验证码,Java验证码发送

2022-11-27