js簡單註冊頁面代碼驗證（javascript驗證註冊頁面代碼）

本文目錄一覽：

• 1、用html做的一個form+table註冊頁面里有一個驗證碼，要怎麼寫這個js代碼？？
• 2、js格式QQ註冊頁面,用正則表達式驗證各個文本框,輸入錯誤提示錯誤,全部輸入正確則輸出註冊成功的完整代碼
• 3、我想做一個用戶註冊的網頁界面，用javascript對輸入的數據進行驗證。
• 4、jsp關於js註冊表單驗證問題：事件為submit按鈕提交驗證的onClick事件，先看一下部分主要代碼:
• 5、javascript寫的註冊頁面代碼
• 6、JS註冊頁面代碼？

用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(“已經註冊”); }

}

}