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(“已经注册”); }

}

}

原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/232407.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小蓝的头像小蓝
上一篇 2024-12-11 12:51
下一篇 2024-12-11 12:51

相关推荐

  • Python周杰伦代码用法介绍

    本文将从多个方面对Python周杰伦代码进行详细的阐述。 一、代码介绍 from urllib.request import urlopen from bs4 import Bea…

    编程 2025-04-29
  • JS Proxy(array)用法介绍

    JS Proxy(array)可以说是ES6中非常重要的一个特性,它可以代理一个数组,监听数据变化并进行拦截、处理。在实际开发中,使用Proxy(array)可以方便地实现数据的监…

    编程 2025-04-29
  • Python字符串宽度不限制怎么打代码

    本文将为大家详细介绍Python字符串宽度不限制时如何打代码的几个方面。 一、保持代码风格的统一 在Python字符串宽度不限制的情况下,我们可以写出很长很长的一行代码。但是,为了…

    编程 2025-04-29
  • Python基础代码用法介绍

    本文将从多个方面对Python基础代码进行解析和详细阐述,力求让读者深刻理解Python基础代码。通过本文的学习,相信大家对Python的学习和应用会更加轻松和高效。 一、变量和数…

    编程 2025-04-29
  • Python简单数学计算

    本文将从多个方面介绍Python的简单数学计算,包括基础运算符、函数、库以及实际应用场景。 一、基础运算符 Python提供了基础的算术运算符,包括加(+)、减(-)、乘(*)、除…

    编程 2025-04-29
  • Python满天星代码:让编程变得更加简单

    本文将从多个方面详细阐述Python满天星代码,为大家介绍它的优点以及如何在编程中使用。无论是刚刚接触编程还是资深程序员,都能从中获得一定的收获。 一、简介 Python满天星代码…

    编程 2025-04-29
  • 仓库管理系统代码设计Python

    这篇文章将详细探讨如何设计一个基于Python的仓库管理系统。 一、基本需求 在着手设计之前,我们首先需要确定仓库管理系统的基本需求。 我们可以将需求分为以下几个方面: 1、库存管…

    编程 2025-04-29
  • 写代码新手教程

    本文将从语言选择、学习方法、编码规范以及常见问题解答等多个方面,为编程新手提供实用、简明的教程。 一、语言选择 作为编程新手,选择一门编程语言是很关键的一步。以下是几个有代表性的编…

    编程 2025-04-29
  • Python实现简易心形代码

    在这个文章中,我们将会介绍如何用Python语言编写一个非常简单的代码来生成一个心形图案。我们将会从安装Python开始介绍,逐步深入了解如何实现这一任务。 一、安装Python …

    编程 2025-04-29
  • 怎么写不影响Python运行的长段代码

    在Python编程的过程中,我们不可避免地需要编写一些长段代码,包括函数、类、复杂的控制语句等等。在编写这些代码时,我们需要考虑代码可读性、易用性以及对Python运行性能的影响。…

    编程 2025-04-29

发表回复

登录后才能评论