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