用javascript生成一个注册页面，要求用户名和密码不能为空，密码和确认密码一样，年龄在0到100之间，急

2023-04-10 19:58:02JavaScript023

用javascript生成一个注册页面，要求用户名和密码不能为空，密码和确认密码一样，年龄在0到100之间，急,第1张

给你个类似的话自己改下就好

<html>

<head>

<title>欢迎进入注册页面</title>

function checkname(){

var div = document.getElementById("div1")

div.innerHTML = ""

var name1 = document.form1.text1.value

if (name1 == "") {

div.innerHTML = "<font color=red>姓名不能为空！</font>"

document.form1.text1.focus()

return false

}

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

div.innerHTML = "<font color=red>姓名输入的长度4-16个字符！</font>"

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 = "<font color=red>密码不能为空！</font>"

document.form1.text2.focus()

return false

}

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

div.innerHTML = "<font color=red>密码长度4-12位</font>"

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 = "<font color=red>密码不能为空！</font>"

document.form1.text3.focus()

return false

}

if (password != repass) {

div.innerHTML = "<font color=red>输入密码和确认密码长度不一致</font>"

document.form1.text3.select()

return false

}

return true

}

function checkEmail(){

var div = document.getElementById("div4")

div.innerHTML = ""

var email = document.form1.text4.value

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

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

var tt = sw1 - sw

if (email.length == 0) {

div.innerHTML = "<font color=red>电子邮件不能为空</font>"

document.form1.text4.focus()

return false

}

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

div.innerHTML = "<font color=red>电子邮件格式不正确，必须包含@符号！</font>"

document.form1.text4.select()

return false

}

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

div.innerHTML = "<font color=red>电子邮件格式不正确，必须包含.符号！</font>"

document.form1.text4.select()

return false

}

if (tt == 1) {

div.innerHTML = "<font color=red>邮件格式不对。@和.不可以挨着！</font>"

document.form1.text4.select()

return false

}

if (sw >sw1) {

div.innerHTML = "<font color=red>电子邮件格式不正确，@符号必须在.之前</font>"

document.form1.text4.select()

return false

}

else {

return true

}

return ture

}

function checkPhone(){

var div = document.getElementById("div5")

div.innerHTML = ""

var phone = document.form1.text5.value

if (phone == "") {

div.innerHTML = "<font color=red>手机号不能为空！</font>"

document.form1.text5.focus()

return false

}

if (phone.length == 11) {

div.innerHTML = "<font color=red>手机号码只能为11个字符！</font>"

document.form1.text5.select()

return false

}

return true

}

function check(){

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

var a = document.form1.text1.value

var b = document.form1.text2.value

var c = document.form1.text4.value

var d = document.form1.text5.value

var e = document.form1.text6.value

alert("用户名:"+a+",密码:"+b+",邮件："+c+",手机号码是:"+d+".学历是:"+e+",爱好：")

return true

}

else {

return false

}

</script>

</head>

<body>

<tr>

<td>

<td>

</tr>

<tr>

<td>

<td>

</tr>

<tr>

<td>

<td>

</tr>

<tr>

<td>

<div align="right">电子邮件地址：</div></td>

<td>

</tr>

<tr>

<td>

<td>

</tr>

</select>

</div></td>

</tr>

篮球

音乐

足球

其他</td>

</tr>

</tr>

</table>

</form>

</body>

</html>

你意思先在流行的一种注册方式。

参考一个

<html>

<head>

</style>

</head>

<body>

//背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色） //背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色） //背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色） //背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色） //背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色） //背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色）

function sAlert(){

var msgw,msgh,bordercolor

msgw=250//提示窗口的宽度

msgh=100//提示窗口的高度

bordercolor="#336699"//提示窗口的边框颜色

titlecolor="#99CCFF"//提示窗口的标题颜色

//背景层（大小与窗口有效区域相同，即当弹出对话框时，背景显示为放射状透明灰色）

var bgObj=document.createElement("div")//创建一个div对象（背景层）

//定义div属性

bgObj.setAttribute("id","bgDiv")

bgObj.style.position="absolute"

bgObj.style.top="0"

bgObj.style.background="#777"

bgObj.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75"

bgObj.style.opacity="0.6"

bgObj.style.left="15%"

bgObj.style.width="85%"

bgObj.style.height="100%"

bgObj.style.zIndex = "10000"

document.body.appendChild(bgObj)//在body内添加该div对象

var msgObj=document.createElement("div")//创建一个div对象（提示框层）

//定义div属性，即相当于

msgObj.setAttribute("id","msgDiv")

msgObj.setAttribute("align","center")

msgObj.style.background="white"

msgObj.style.border="1px solid " + bordercolor

msgObj.style.position = "absolute"

msgObj.style.left = "65%"

msgObj.style.top = "50%"

msgObj.style.font="12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif"

msgObj.style.marginLeft = "-225px"

msgObj.style.marginTop = -75+document.documentElement.scrollTop+"px"

msgObj.style.width = msgw + "px"

msgObj.style.height =msgh + "px"

msgObj.style.textAlign = "center"

msgObj.style.lineHeight ="25px"

msgObj.style.zIndex = "10001"

var title=document.createElement("h4")//创建一个h4对象（提示框标题栏）

//定义h4的属性，即相当于

//<h4 id="msgTitle" align="right" style="margin:0 padding:3px background-color:#336699 filter:progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100) opacity:0.75 border:1px solid #336699 height:18px font:12px Verdana,Geneva,Arial,Helvetica,sans-serif color:white cursor:pointer" onclick="">关闭 </h4>

title.setAttribute("id","msgTitle")

title.setAttribute("align","right")

title.style.margin="0"

title.style.padding="3px"

title.style.background=bordercolor

title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100)"

title.style.opacity="0.7"

title.style.border="1px solid " + bordercolor

title.style.height="12px"

title.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif"

title.style.color="white"

title.style.cursor="pointer"