网页设计一个表单注册验证_网页设计用JavaScript做一个表单显示与验证的网页

1、运用HTML5新表单元素制作一个网页，内容包括：用户名输入、密码输入、二次密码确认、邮箱输入、关键

<html>
<head>
<title></title>
</head>
<body>
<div>HTML各种输入验证</div>
用户:<input id="uname" type="text" /><br />
密码:<input id="pwd" type="password"  /><br>
确认密码:<input id="pwd1" type="password"  /><br>
EMAIL:<input id="email" name="email" type="email" /><br>
<input id="load" value="登陆" type="button" onclick="check()" />
<script language="javascript">

window.onload = function ()
{
document.getElementById('uname').focus();

}
function check()
{
var uname=document.getElementById("uname").value;
var pwd=document.getElementById("pwd").value;
var pwd1=document.getElementById("pwd1").value;
var email=document.getElementById("email").value;
if(uname+pwd=="")
{
alert("用户名和密码不能为空");
}
else if(uname=="")
{
  alert("用户名不能为空");
}
else if(pwd=="")
{
  alert("密码不能为空");
}
else if(pwd1 != pwd)
{
  alert("两次密码不一样");
}
//
if(email=="")
{
    alert("电子邮件不能为空");
    return false;
}
else
{
    reg=/^([a-zA-Z0-9]+[_|-|.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|-|.]?)*[a-zA-Z0-9]+.[a-zA-Z]{2,3}$/gi;
    if(!reg.test(email))
    {
        alert("非法的电子邮件");
        return false;
    }
}
}
</script>
</body>
</html>

2、网页设计，用JavaScript做一个表单显示与验证的网页。

这是很经典也很基础的知识。
不要懒，不要做伸手党，否则你连小牛都成不了。
程序员也没这么廉价，20分就打发。

给你条路吧，百度：
汤姆大叔博客园
中的第一个链接。

3、网页设计，form表单中的验证用户名和密码

一般我们在做Form表单数据提交，建议弹出一个对话框增强交互性，还有现在比较好的用户交互做法是异步同输来实现。

4、网页设计一个最简单的表单提交！

你直接搜索当地可以提交这个表单的电话问下就OK啦

5、请教网页制作高手，想在网页上做一个用户注册和登录的表单

<html > <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script language="jscript"> function check(){ var name=myform.txtN.value; var pass = myform.txtP.value; if(name.length==""||pass.length==""){ alert("用户名或密码不能为空！"); return false; } if(pass.length<6||name.length<6){ alert("密码或用户名长度要位以上"); return false; } for(var i = 0;i<name.length;i++){ name=name.toLowerCase().charAt(i); if(!(name>='0'&&name<='9')&&!(name>='a'&&name<='z')){ alert("用户名必须只能由数字和字母组成"); return false; } } return true; } </script> <title>css样式特效</title> <style type="text/css"> table{ font-size:12px; } .mouseOverStyle{ background-image:url(img/excer/images1/freedl_1-2.jpg); border:0px; padding:0px; margin:0px; height:24; width:102; font-size:12px; } .mouseOver{ background-image:url(img\excer\images1\freedl_1-1.jpg); border:0px; margin:0px; padding:0px; height:24; width:102; font-size:12px; } .mouseOut{ ` background-image:url(img\excer\images1\freedl_1-2.jpg); border:0px; margin:0px; padding:0px; height:24; width:102; font-size:12px; } </style> </head> <body> <form name="myform" method="post" action="a.htm" onSubmit="return check()"> <table border="0" bgcolor="#F8F8F8" style="border-style:solid; border-width:1px;"> <tr> <td colspan="2"><img src="img/excer/images1/freeh1-n.jpg" alt="1" ></td> </tr> <tr> <td width="72"><label></label> <div align="right">用户名：</div></td> <td width="240"><label> <input type="text" name="txtN" style="border-color='#00a8a8'" onMouseOver="this.style.borderColor='#ffa346';" onMouseOut="this.style.borderColor='#00a8a8'"> </label> <br>名字由字母和数字组成</td> </tr> <tr> <td><div align="right">密码：</div></td> <td><label> <input type="password" name="txtP" style=" border-color:#00a8a8" onMouseOver="this.style.borderColor='#ffa346';" onMouseOut="this.style.borderColor='#00a8a8'" > </label> </td> </tr> <tr> <td> </td> <td><label>密码长度6位以上</label></td> </tr> <tr> <td> </td> <td><label> <input type="submit" name="Submit" value=" 登录 " class="mouseOverStyle" onMouseOver="this.className='mouseOver'" onMouseOut="this.className='mouseOut'" > </label> </td> </tr> </table> </form> </body> </html>

6、网页设计老师安排作业了，题目是：请在Dreamweaver中创建一个用户注册页面表单或其他表单，要求至少要有：

<!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; charset=gb2312" />
<title>注册</title>
<style type="text/css">

</style>
<script type="text/JavaScript">

</script>
</head>
<body>
<table width="500" border="0" cellspacing="1" cellpadding="0">
<form action="" method="post" enctype="multipart/form-data" name="form">
<tr>
<td width="98" height="30" align="right" valign="middle" bgcolor="#E8E8E8">账号：</td>
<td width="402" align="left" bgcolor="#E8E8E8"><input type="text" name="textfield" /></td>
</tr>
<tr>
<td height="30" align="right" valign="middle" bgcolor="#E8E8E8">密码：</td>
<td align="left" bgcolor="#E8E8E8"><input type="password" name="textfield2" /></td>
</tr>
<tr>
<td height="30" align="right" valign="middle" bgcolor="#E8E8E8">重复密码：</td>
<td align="left" bgcolor="#E8E8E8"><input type="password" name="textfield22" /></td>
</tr>
<tr>
<td height="30" align="right" valign="middle" bgcolor="#E8E8E8">爱好：</td>
<td align="left" bgcolor="#E8E8E8"><input type="checkbox" name="checkbox" value="checkbox" />
游泳
<input type="checkbox" name="checkbox2" value="checkbox" />
看书
<input type="checkbox" name="checkbox3" value="checkbox" />
画画
<input type="checkbox" name="checkbox4" value="checkbox" />
游戏
<input type="checkbox" name="checkbox5" value="checkbox" />
看电影</td>
</tr>
<tr>
<td height="100" align="right" valign="middle" bgcolor="#E8E8E8">简介：</td>
<td align="left" bgcolor="#E8E8E8"><label>
<textarea name="textarea" cols="50" rows="6"></textarea>
</label></td>
</tr>
<tr>
<td height="30" align="right" valign="middle" bgcolor="#E8E8E8"> </td>
<td align="left" bgcolor="#E8E8E8"><input name="Submit" type="submit" onclick="MM_popupMsg('欢迎注册')" value="提交" />
<input type="reset" name="Submit2" value="重置" /></td>
</tr>
</form>
</table>
</body>
</html>

7、网页设计中怎样才能做到把一个表单数据点击提交到邮箱？

Dim JMail,email Set JMail = Server.CreateObject("JMail.Message") jmail.Charset = "GB2312"
''邮件文字的代码为简体中文 jmail.ContentType = "text/html" JMail.From = "" ' 发送者地址
JMail.FromName = "" ' 发送者姓名 JMail.Subject = " " ' 邮件主题
JMail.MailServerUserName = "邮箱名" ' 身份验证的用户名 JMail.MailServerPassword = "邮箱密码" ' 身份验证的密码
JMail.Priority = 3 JMail.AddHeader "Originating-IP",
Request.ServerVariables("REMOTE_ADDR") JMail.Logging = true
email="接受邮件地址" email1="接受邮件地址" JMail.AddRecipient(email1)
JMail.AddRecipient(email) JMail.HTMLBody = 邮件内容 JMail.Body = 邮件内容
JMail.Send("stmp.163.com") JMail.Close() Set JMail = Nothing 记得要装
jmail组件就可以了
通俗的讲静态网页是在静态网页的代码中加入了网络程序语言，常见的ASP,JSP,PHP,.NET等，其基本原理就是浏览者提交信息发送到服务器，程序处理后返回相应的信息，是一种可以互动的交互式操作，如留言板，论坛等。
2.表单提交属于动态网页范畴，可以用不同的程序来做出来，以ASP为例，就是浏览者填写表单后，点击确定，所填写的会发送到服务器，并可以记录在网站后台的数据库中，这些在ASP的学习中是简单的一些道理，如果没有接触M中设置发送到自己的信箱即可。
4.动态网页的制作需要用到XP的组件IIS，否则在本地浏览只能适用于静态网页。

例子如下：
以百度回答问题的这个提交表单为例，需要五个网页文件：
index.asp /显示单连接
add.asp /表单处理页面
website.css /样式表
sht.mdb /数据库文件

index.asp
<% option explicit%>

<HTML>
<head>
<title>表单示例</title>
<link rel="stylesheet" href="style.css">
<Script Language="JavaScript">

</Script>
</head>
<body >
<center>
<table border='0' width='80%' >
<form method="post" action="add.asp" name="form1" onSubmit="JavaScript: return check_Null();">
<tr><td>
</td><td><textarea name="body" rows=6 cols=80
wrap=soft></textarea></td></tr>
<tr><td> </td><td> </td></tr>
<tr><td></td>
<td valign="middle"><label>
用户名：
<input type="text" name="name" size="10">

<input type="c name="checkbox" value="checkbox">
</label
匿名发表
<input type="submit" value=" 提交 " Size="20"></td></tr>
</form>
</table>
<p>
<%
'现在开始显示已有留言
Dim Sql,rs '声明变量
Sql="Select body,name,submit_date From guest "
Sql=Sql & " Order By submit_date desc,id desc" '这里用了两个字段排序
SET rs=db.Execute(Sql) '返回一个Recordset对象
Do While Not rs.Eof '利用循环依次显示所有记录
%>
<table border="0" borde
<td colspan=2><hr></td>
</tr>
<tr>
<td width=5% rowspan="2"> </td
<tr>
<td><%=rs("body")%></td>
</tr>
</table>
<%
rs.MoveNext '将记录指针移动到下一条记录
Loop
%>
</center>
</body>
</html>

conn.asp
<%
'这里只是建立数据库连接对象db。
Dim db
Set db=Server.CreateObject("ADODB.Connection")
db.Open "Driver={Microsoft Access Driver (*.mdb)};Dbq="&Server.Mappath("guest.mdb")
%>

add.asp

<%
Dim body '声明变量
body=Request.Form("b
Dim sqla,name,sqlb,sql
sqla = "Insert Into sth(name"qlb = "Values('" & name & "'"
If body<>"" Then '如果留言内容不为空
sqla = sqla & ",body"
sqlb =qlb & ",'" & body & "'"
End If
sqla = sqla & ",submit_date"
sqlb = sqlb & ",'" & now() & "'" '插入系统时间为留言时间

'下面一句就是将SQL语句的前后两部分组织成一个完整的Inser语句
sql = sqla & ") " & sqlb & ")"
db.Execute(Sql) '插入记录
Response.Redirect "in

8、如何制作需要用户名和密码才能登陆的网页（注册表单）

是要用asp。不仅是这样啊。你还要有一个后台的数据库，里面存放着你的客户的资料。所有注册的资料都存放在数据库里。当他登陆的时候如果数据库里有他的资料就会登陆，如果没有就要新注册。把你的网页连接数据库。数据库的作用不仅仅是实现用户登录。你可以有管理员管理等很多

9、用dw制作一个简单的表单验证网页

你用什么写的PHP还是js啊？ js的话你找到表单里面的密码的nam
先要找到表单，比方说你表单的name是form 然后再找到表单里面的密码
的value 用if密码的value==重复密码的value值就行了
当然你要用js的话首先要声明这两个数值，比方说，
var pass=document。form。user。value
var spass=document。form。user。value
if（pass==spass）｛
执行语句
｝else｛
alert（“密码不正确”）；
｝
其中form是你表单的name user是你密码的name
如果你是用php来判断的也是一样的，如果你用post提交的
那么是$_post['pass']这个是你的密码的value 然后就是$_poss['apass']这个是你重复密码的value
给他们赋一个变量，然后用if判断是否全等于，跟上面的if语句是一样的判断

10、html页面验证用户名和密码并且点击自己制作的登陆按钮跳转到另外一个页面

HTML页面用 script 验证不是必须要用 form 的，可以直接给页面里的 DOM 对象定义 id 属性，用 javascript 操作 DOM 对象即可。

针对您提的问题想要实现的效果，下面说说不用 form 表单和数据库来实现用户名和密码验证的方法：

1、首先，给 HTML 页面里的用户名和密码输入框都定义一个id属性，例如：

用户名：<input type="text" id="username" value="">

密码：<input type="password" id="password" value="">

2、其次，放置一个按钮 <button type="button" name="chkBtn" id="chkBtn"> 登录</button>

3、编写 javascript 脚本代码，主要思路如下：

（1）为按钮增加一个 click 的监听，当鼠标点击该按钮时执行；

（2）获取 input 用户名和密码输入框的输入值；

（3）验证输入值是否符合要求；

（4）符合要求页面跳转到设置的指定页面；

（5）不符合要求提示用户输入错误。

4、最后，在浏览器里运行该页面，测试一下效果。完整代码如下图所示。

(10)网页设计一个表单注册验证扩展资料

1、document.getElementById(); 通过 ID 获取元素的用法

网页 HTML 由标签将信息组织起来，而标签的 id 属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。

2、innerHTML 属性

语法：Object.innerHTML，innerHTML 属性用于获取或替换 HTML 元素的内容。

注意:

（1）Object是获取的元素对象，如通过document.getElementById("ID")获取的元素；

（2）注意书写，innerHTML区分大小写。

3. value 属性

语法 Object.value，value 属性用于获取或替换 HTML 元素的value属性中的内容。

导航:首页 > 万维百科 > 网页设计一个表单注册验证

网页设计一个表单注册验证

与网页设计一个表单注册验证相关的知识