導航:首頁 > 編程語言 > js注冊登陸

js注冊登陸

發布時間:2023-07-24 14:33:03

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()」

閱讀全文

與js注冊登陸相關的資料

熱點內容
macbookpro如何修改文件內容 瀏覽:965
java穩定排序 瀏覽:53
oppo文件管理的圖片 瀏覽:335
plc編程步數怎麼計算 瀏覽:142
ipad看電腦文件 瀏覽:935
成都製作pdf文件 瀏覽:735
怎麼樣點開電腦裡面的網路連接 瀏覽:755
微信怎麼退出賬號 瀏覽:32
w微信開發者工具 瀏覽:325
資料庫還原附加 瀏覽:713
打包成exe執行文件 瀏覽:652
信豐營銷app有哪些 瀏覽:463
蘋果文件下載項如何下載 瀏覽:179
ps摳婚紗教程 瀏覽:203
如何在移動硬碟上隱藏文件夾 瀏覽:451
瑞虎8老車機怎麼刷app 瀏覽:992
學ui設計要學java嗎 瀏覽:275
淘寶票房數據源怎麼調整 瀏覽:470
iphone5s升級ios卡黑屏 瀏覽:622
u盤沒用的文件刪不了怎麼辦 瀏覽:561

友情鏈接