導航:首頁 > 萬維百科 > 網頁設計一個表單注冊驗證

網頁設計一個表單注冊驗證

發布時間:2020-11-08 19:41:57

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">
<!--
body{margin:a auto;padding:0; text-align:center;font-size:12px;}

-->
</style>
<script type="text/JavaScript">
<!--
function MM_popupMsg(msg) { //v1.0
alert(msg);
}
//-->
</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%>
<!--#Include file="ado.asp"-->
<HTML>
<head>
<title>表單示例</title>
<link rel="stylesheet" href="style.css">
<Script Language="JavaScript">
<!--
Function check_Null(){
If (document.form1.title.value==""){
alert("主題不能為空!");
return false;
}
If (document.form1.name.value==""){
alert("姓名不空!");
return false;
}
return true;
}
// -->
</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
<!--#Include file="conn.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屬性中的內容。

與網頁設計一個表單注冊驗證相關的知識