本文目录一览:
- 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("已经注册"); }
}
}