用javascript生成一个注册页面，要求用户名和密码不能为空，密码和确认密码一样，年龄在0到100之间，急
function Check()
{
if(document.getElementById("帐号id").value=="")
{
alert("登录名不能为空！")
return false;
}
if(document.getElementById("第一次密码id").value!=document.getElementById("第二次密码id").value)
{
alert("两次输入密码不一样！");
return false;
}
}
在你的注册按钮调用上面方法就行了
Title
用户名:
<input type="text" name="username"
placeholder="请 输 入 用 户 名" id="box-name"
class="txt" onfocus="this.value=''"/>
密码:
<input type="password" name="password" placeholder="请 输 入 密 码" id="box-pass"
class="txt" onfocus="this.value=''"/>
确认密码:<input
type="password" name="repassword" placeholder="请 再 次 输 入 密 码" id="box-repass" class="txt"
onfocus="this.value=''"/>
<input type="button" id="btn" value="注 册"
onmouseover="this.style.backgroundColor='#FF8D00'"
onmouseout="this.style.backgroundColor='#FC5628'"
onclick="check()"
>
function check(){
var form = document.getElementsByTagName("form")[0]
var password = document.getElementById("box-pass").value
var rePassword = document.getElementById("box-repass").value
if(password !== rePassword && password !== ''){
alert("确认密码与密码不一致!")
} else {
form.submit()
}
}
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢迎进入注册页面</title>
<script language="javascript">
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>
<form name="form1" onSubmit="return check()">
<table border="1" align="center">
<tr>
<td>
<div align="right">用户名：</div></td>
<td>
<input id="text1" type="text" name="text1" onBlur="check()">
<div id="div1" style="display:inline;"> </div> </td>
</tr>
<tr>
<td>
<div align="right">密码： </div></td>
<td>
<input id="text2" type="password" name="text2" onBlur="check()">
<div id="div2" style="display:inline"> </div> </td>
</tr>
<tr>
<td>
<div align="right">确认密码： </div></td>
<td>
<input id="text3" type="password" name="text3" onBlur="check()">
<div id="div3" style="display:inline"> </div> </td>
</tr>
<tr>
<td>
<div align="right">电子邮件地址： </div></td>
<td>
<input id="text4" type="text" name="text4" onBlur="check()">
<div id="div4" style="display:inline"> </div> </td>
</tr>
<tr>
<td>
<div align="right">手机号码： </div></td>
<td>
<input id="text5" type="text" name="text5" onBlur="check()">
<div id="div5" style="display:inline"> </div> </td>
</tr>
<tr align="center">
<td><div align="right">学历：</div></td>
<td><div align="left">
<select name="text6">
<option value="初中">初中</option>
<option value="高中">高中</option>
<option value="中专">中专</option>
<option value="大专">大专</option>
<option value="本科">本科</option>
<option value="硕士">硕士</option>
<option value="博士">博士</option>
</select>
</div></td>
</tr>
<tr align="center">
<td align="center"><div align="right">兴趣爱好：</div></td>
<td align="center">
<input type="checkbox" name="text11" value="篮球">
篮球
<input type="checkbox" name="checkbox12" value="音乐">
音乐
<input type="checkbox" name="checkbox13" value="足球">
足球
<input type="checkbox" name="checkbox14" value="其他">
其他</td>
</tr>
<tr align="center">
<td align="center"><input type="submit" value="提交" name="text8">
<input type="reset" value="重置" name="text9"></td>
<td align="center"> </td>
</tr>
</table>
</form>
</body>
</html>
专门为你写的，够意思吧。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
li{line-height:30px;}
.styleinput{margin-left:80px;width:150px;}
.styleinput2{margin-left:16px;width:150px;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style/form.css" rel="stylesheet" type="text/css" />
<title>无标题文档</title>
<script language="JavaScript">
function checkpost()
{
if(form1.name.value=="")
{
alert("请输入用户名");
form1.name.focus();
return false;
}
if(form1.password1.value=="")
{
alert("请输入密码");
form1.password1.focus();
return false;
}
if(form1.password2.value=="")
{
alert("请再次输入密码");
form1.password2.focus();
return false;
}
if(document.form1.password1.value != document.form1.password2.value)
{
alert("您两次输入的密码不一样！请重新输入.");
document.form1.password2.focus();
return false;
}
if(form1.password2.value=="")
{
alert("请再次输入密码");
form1.password2.focus();
return false;
}
if(form1.age.value=="")
{
alert("请输入年龄");
form1.age.focus();
return false;
}
if (document.form1.age.value > 100 || document.form1.age.value < 1)
{
alert("输入的年龄不能小于0大于100!");
document.form1.age.focus();
return false;
}
alert("注册成功");
}
</script>
</head>
<body>
<div>
<form name="form1" action="动态页面（你填你自己的页面地址）.php" method="post" onsubmit="return checkpost()">
<li>用户<input type="text" name="name" class="styleinput"/></li>
<li>密码<input type="password" name="password1" class="styleinput"/></li>
<li>再次输入密码<input type="password" name="password2" class="styleinput2"/></li>
<li>年龄<input type="text" name="age" class="styleinput"/></li>
<input type="submit" value="提交" />
<input type="reset" name="submit2" value="重置"/>
</form>
</div>
</body>
</html>
javascript是什么?
Javascript简称js，js是一种脚本语言。Javascript简称js，js是一种脚本语言，是不需要进行编译的，也是浏览器中的一部分，经常用在web客户端脚本语言，主要是用来给html增加动态功能。一般情况下，html页面主要是用于静态内容的显示，但是在实际中，页面很少的静态的，现在是网站都会有一些表单和幻灯片，这些...
javascript中的“ javascript:;”是什么意思?
JavaScript中的"javascript:;"是一种特殊的URL格式，用于在网站中使用JavaScript来执行特定的任务或操作。点击学习大厂名师精品课以下是一些解决方法，可以有效解决“javascript:;”带来的问题：1、使用未定义的JavaScript函数：可以将“javascript:;”替换为一个未定义的函数名称，例如“javascript:void(0);”...
“启用javascript”是什么意思?
1、javascript是网页效果的脚本，如果不启用的话有的效果会看不到，比如网页上的轮播图、弹出对话框等等，华丽的交互效果就看不到的了，开启了就能正常访问网页了。2、javascript是一种一般在浏览器里执行的脚本语言，手机有选项能开，说明你的手机浏览器是支持它的，那么开不开就取决于你浏览的页面是...
javascript什么意思
JavaScript简称js，是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言。JavaScript同时也是一种广泛用于客户端Web开发的脚本语言，常用来给HTML网页添加动态功能，比如响应用户的各种操作。它最初由网景公司（Netscape）的Brendan Eich设计，是一种动态、弱类型、基于原型的语言，内置支持类。特点 1、J...
为什么JavaScript不可用?
如果 JavaScript 不可用，通常意味着您的浏览器或网络连接无法访问 JavaScript 引擎或库。以下是一些可能导致 JavaScript 不可用的常见原因和解决方法:浏览器阻止了 JavaScript 运行：某些浏览器可能通过安全设置阻止了 JavaScript 运行。您可以尝试禁用浏览器安全设置或更改浏览器设置以允许 JavaScript 运行。JavaS...
javascript是什么
JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。JavaScript是一种属于网络的脚本语言,已经被...
JavaScript是什么?
JavaScript是一种脚本语言。诞生与1995年，当时是为了处理服务端某个语言负责的某个没有填写的必填域。它是由Netscape公司布兰登.艾奇为NetscapeNavigator2开发的一种脚本语言，刚开始的时候是叫LiveScript。由于当时Java语言的盛行，LiveScript在发布前夕，临时更名为JavaScript。JavaScript是一种专为与网页交互而...
JS全称是什么
js 的全称是javascript ，JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
javascript 是什么意思?
JavaScript是一种流行的编程语言，可以用于创建动态网页和网络应用程序。它是一种脚本语言，可以在客户端或服务器端执行。这使得它非常灵活，可以轻松适应各种开发需求。JavaScript由ECMAScript语言规范定义，而不是由单一的实现定义。因此，开发人员可以在不同的平台和环境中使用JavaScript。JavaScript最初是为了...
javascript是啥
JavaScript是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。JavaScript在1995年由Netscape公司的...
幸吴盖天： 详见代码.<br><br><br>具体代码如下:<br><li><html> <br><li><head> <br><li><meta http-equiv=＂Content-Type＂ content=＂text/html; charset=UTF-8＂> <br><li><link href=＂css/regist.css＂ rel=＂stylesheet＂ type=＂text/css＂> <br><li><title...
饶河县18028388124： 用JavaScript制作一个注册网页,能验证的,效果能跟下面图片一样的,谢谢,希望是完整代码. - ？
幸吴盖天： 无标题文档 姓名 设置密码: 重置密码:
饶河县18028388124： 在网页制作期间,我利用javascript脚本写了一个注册网页,当别人注册好之后点击提交时,同时关闭注册网页 - ？
幸吴盖天： 注册后执行window.close();就会关闭页面,前提条件是注册页面用window.open打开才行
饶河县18028388124： 用javascript生成一个注册页面,要求用户名和密码不能为空,密码和确认密码一样,年龄在0到100之间,急 - ？
幸吴盖天： 给你个类似的话 自己改下就好 欢迎进入注册页面 用户名: 密码:确认密码:电子邮件地址:手机号码:学历: 初中 高中 中专 大专 本科 硕士 博士 兴趣爱好:篮球 音乐 足球 其他
饶河县18028388124： asp+javascript制作一个注册页面 - ？
幸吴盖天： 这是AJAX技术的典型应用之一,虽然AJAX本身难度不小,但你需要的功能并不是很难实现,这里有一篇实例,你可以参考一下.网上很多这样的讲解,你也可以自己搜索看下. ASP+ajax实用用户唯一性检查和注册 reg.asp: <!-- #include file=...
饶河县18028388124： 利用JavaScript模拟一个注册页面,使用HTML制作,表单? ？
幸吴盖天： 只是写了 昵称 密码 确认密码 电子邮件地址 其余的自己写一下吧 就是这个格式自己完成吧! Untitled Document 用户名: 密码: 确认密码: 电子邮件地址: .
饶河县18028388124： 当点击按钮的时候弹出一个对话框,在上面填写注册信息 用javascript 实现 - ？
幸吴盖天： <!DOCTYPE html PUBLIC ＂-//W3C//DTD XHTML 1.0 Transitional//EN＂ ＂http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd＂><html xmlns=＂http://www.w3.org/1999/xhtml＂><head><meta http-equiv=＂Content-Type＂ content=＂text/html...
饶河县18028388124： 怎样用javascript程序写注册？
幸吴盖天： 你这么问就是有毛病的注册以后的账号密码甚么的肯定是要存入数据库的只写javascript是没法实现的他只能写样式没法做成真实的注册
饶河县18028388124： 注册和登录界面用javascript怎样做又是如何链接到主页上的？
幸吴盖天： 注册登录不过就是用js判断条件.当登录成功后用js的location.href=url就能够跳转到主页了
饶河县18028388124： 用javascript做注册验证？
幸吴盖天： 给你写个简单的,一个文本框,一个密码框,验证两个都不能为空的.<html xmlns=＂http://www.w3.org/1999/xhtml＂><head><meta http-equiv=＂Content-Type＂ content=＂text/html; charset=gb2312＂ /><title>无标题文档<...
