js简单注册页面代码验证（javascript验证注册页面代码）
更新： 2022-11-15 17:11
本文目录一览：
- 用html做的一个form+table注册页面里有一个验证码，要怎么写这个js代码？？
- js格式QQ注册页面,用正则表达式验证各个文本框,输入错误提示错误,全部输入正确则输出注册成功的完整代码
- 我想做一个用户注册的网页界面，用javascript对输入的数据进行验证。
- jsp关于js注册表单验证问题：事件为submit按钮提交验证的onClick事件，先看一下部分主要代码:
- javascript写的注册页面代码
- JS注册页面代码？
用html做的一个form+table注册页面里有一个验证码，要怎么写这个js代码？？
可以用JS做个简单的验证码：
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; i<codeLength; 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; // 显示
}
把上面一段JS代码放到 <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不能为空";
return false;
}
if(mail.value.indexOf("@") == -1) {
divID.innerHTML = "Email格式不正确，必须包含@";
return false;
}
if(mail.value.indexOf(".") == -1) {
divID.innerHTML = "Email格式不正确，必须包含.";
return false;
}
}
function checkPass() {
var pwd = $("pwd");
var divID = $("DivPwd");
divID.innerHTML = "";
if(pwd.value == "") {
divID.innerHTML = "密码不能为空";
return false;
}
if(pwd.value.length < 6) {
divID.innerHTML = "密码必须等于或大于6个字符";
return false;
}
}
function checkRePass() {
var pwd = $("pwd"); //输入密码
var repwd = $("repwd"); //再次输入密码
var divID = $("DivRepwd");
divID.innerHTML = "";
if(pwd.value != repwd.value) {
divID.innerHTML = "两次输入的密码不一致";
return false;
}
}
function checkUser() {
var user = $("user");
var divId = $("DivUser");
divId.innerHTML = "";
if(user.value == "") {
divId.innerHTML = "姓名不能为空";
return false;
}
for(var i=0; i<user.value.length; i++) {
var j = user.value.substring(i,i+1);
if(j >= '0') {
divId.innerHTML = "姓名中不能包含数字";
return false;
}
}
}
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" />
<title>Untitled 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;
}
return true;
}
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("已经注册");
}
}
}
