A. javascript html 設計一個登錄界面
注冊頁面代碼:
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>注冊</title>
</head>
<body>
<formmethod="post"onsubmit="returnfalse"id="form">
<inputtype="text"name="username"placeholder="用戶名"><br>
<inputtype="password"name="password"placeholder="密碼"><br>
<inputtype="password"name="rePassword"placeholder="再次輸入密碼"><br>
<inputtype="submit"onclick="register_user()"value="注冊"><br>
</form>
<ahref="login.html">去登錄</a><script>
varlocalDB=openDatabase('localDB','1.0','TestDB',2*1024*1024);
localDB.transaction(function(ts){
ts.executeSql('CREATETABLEIFNOTEXISTSuser(username,password)')
});
functionregister_user(){
varusername=document.getElementsByTagName("input")[0].value;
varpassword=document.getElementsByTagName("input")[1].value;
varrePassword=document.getElementsByTagName("input")[2].value;
if(password!=rePassword)
{
alert("兩次輸入的密碼不同,請重新輸入");
}else
{
localDB.transaction(function(ts){
ts.executeSql("INSERTINTOuser(username,password)VALUES('"+username+"','"+password+"');");
alert("注冊成功");
});
}
}
</script>
</body>
</html>
登錄頁面代碼:
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>登錄</title>
</head>
<body>
<formonsubmit="returnfalse"method="post">
<inputtype="text"placeholder="用戶名"><br>
<inputtype="password"placeholder="密碼"><br>
<inputtype="submit"value="登錄"onclick="login()"><br>
</form>
<ahref="register.html">去注冊</a>
<script>
varlocalDB=openDatabase('localDB','1.0','TestDB',2*1024*1024);
localDB.transaction(function(ts){
ts.executeSql("SELECT*FROMuser",[],function(tx,results){
varlen=results.rows.length;
if(len<=0)
{
localDB.transaction(function(ts){
ts.executeSql('CREATETABLEIFNOTEXISTSuser(username,password)')
});
}
});
});
functionlogin(){
varusername=document.getElementsByTagName("input")[0].value;
varpassword=document.getElementsByTagName("input")[1].value;
localDB.transaction(function(ts){
ts.executeSql("SELECT*FROMuserWHEREusername='"+username+"';",[],function(ts,res){
if(res.rows.length<=0)
{
alert("登錄失敗,用戶未注冊");
}elseif(password==res.rows[0].password)
{
alert("登錄成功,三秒後跳轉到網路");
setInterval(function(){
location.href="https://www..com";
},3000);
}else
{
alert("登錄失敗,密碼錯誤");
}
});
})
}
</script>
</body>
</html>
以上代碼使用了WEB SQL,還請選擇合適的瀏覽器查看。
B. 2、javascript+CSS+Html實現用戶注冊及登錄的格式驗證。在用戶登錄功能中試加入圖片驗證碼功能
你慕課網上找找吧,應該有視頻和源碼!
C. js怎麼實現多用戶注冊登錄界面
我是這么認為來的!js和html只能做客源戶端的事情,如界面元素布局,表單驗證這類的事情。如果只是要這樣一個表單,那就太簡單了。致於登錄驗證這樣的事,需要後台支持的,數據可能來自資料庫,只用js和html是完成不了的。
/**
* 顯示一個彈出界面
*
* @param url
* 界面地址,可以使jsp,頁也可以是action
* @param params
* 需要傳遞的參數
* @param titleDesc
* 頁面頭描述
* @param width
* 頁面寬度
* @param height
* 頁面高度
* @param parentView
* 頁面所在的父頁面
* @param callback
D. 我用js做簡單的注冊,登錄表單,在不用資料庫的情況下,怎麼把用戶的注冊信息保存下來,
既然要把數據保存下來,一定要有一個東西,把用戶信息保存下來,這樣說來版,還是需權要一個不是資料庫的「資料庫」,這個資料庫可以是一個xml文件(也算是一個小型資料庫),或文本文檔等其它文件,但為了便於讀取,寫入的時候要按一定的格式;我知道用js可以操作xml文檔的,建議你找一下相關的資料;
總之要保存信息,就必須要把這些信息存儲到某一位置(空間),解決這個問題才能進行後面的數據信息操作。
當然你也可以把這些信息直接保存到隱藏域等,但是該頁面一關閉,或進行其它操作時,這些信息很可能會丟失.
E. 用javascript編寫一段用戶名和密碼登錄代碼。點擊登錄按鈕後,頁面跳轉到另一個頁面,顯示此用戶名和密碼的
function login()
{
var username=document.getElementById("userName");
var password=document.getElementById("password");
if(username.value=="admin"&&password.value="123456")
{
window.location.href="success.html";
}
}
為登錄按鈕注冊onclick=「login()」