javascript登录注册界面（js怎么实现多用户注册登录界面）

本文目录

• js怎么实现多用户注册登录界面
• javascript 注册页面设计
• JavaScript+html设计一个用户注册页面
• 用html javascript做一个用户注册窗口,要求实现登录名不为空,且两次密码输入一致的功能
• 用javascript生成一个注册页面，要求用户名和密码不能为空，密码和确认密码一样，年龄在0到100之间，急
• 注册登录页面用js需要注意的问题
• 怎么用PHP与JavaScript做一个动态登录界面请大神救急
• jQuery开发登录注册页面，要有验证
• javascript: 制作一个**界面，要求账号和密码都是123，账号密码输入正确错误都要有提示

js怎么实现多用户注册登录界面

我是这么认为的!js和html只能做客户端的事情，如界面元素布局，表单验证这类的事情。如果只是要这样一个表单，那就太简单了。致于登录验证这样的事，需要后台支持的，数据可能来自数据库，只用js和html是完成不了的。
/**
* 显示一个弹出界面
*
* @param url
* 界面地址，可以使jsp，页也可以是action
* @param params
* 需要传递的参数
* @param titleDesc
* 页面头描述
* @param width
* 页面宽度
* @param height
* 页面高度
* @param parentView
* 页面所在的父页面
* @param callback

javascript 注册页面设计

纯JS完成？ 具体哪些功能？
页面1：
*****
《html》
《head》
《script》
function checkForm (obj) {
var ele = *****;
for (var i = 0; i 《 *****; ++i) {
var e = ele;
if (*****) {
if (***** == ’select-one’) {
if (********.value == ’’) {
alert(’请选择籍贯’);
return false;
}
else {
continue;
}
}
else if (***** == ’select-multiple’) {
continue;
}
else if (***** == ’checkbox’ || ***** == ’radio’) {
var checkObj = *****(*****);
var check = false;
for (var j = 0; j 《 *****; ++j) {
if (*****) {
check = true;
}
}
if (!check) {
alert(’请做出选择,性别或爱好’);
return false;
}
}
else if (***** == ’button’) {
continue;
}
else if (*****==’hidden’) {
continue;
}
else if (typeof ***** != ’undefined’ && ***** != ’’ && ***** != ’hidden’) {
continue;
}
else {
alert(’用户或密码,年龄为空’);
return false;
}
}
}
return true;
}
《/script》
《/head》
《body》
《form id="form1" method="get" action="reg_*****" ***ubmit="return checkForm(this)"》
《table width="343" border="0" cellspacing="0" cellpadding="0"》
《tr》
《td height="43" colspan="2"》注册《/td》
《/tr》
《tr》
《td width="157" height="32"》姓名：《/td》
《td width="186"》《input type="text" name="username" id="username" /》《/td》
《/tr》
《tr》
《td width="157" height="32"》密码：《/td》
《td width="186"》《input type="password" name="passwd" id="passwd" /》《/td》
《/tr》
《tr》
《td height="37"》年龄：《/td》
《td》《input type="text" name="txtAge" id="textfield2"》《/td》
《/tr》
《tr》
《td height="36"》性别：《/td》
《td》《input name="***" type="radio" id="***1" value="男"》
男
《input type="radio" name="***" id="***2" value="女"》
女《/td》
《/tr》
《tr》
《td height="41"》籍贯：《/td》
《td》《select name="jiguan" id="select"》
《option value=""》请选择《/option》
《option value="广东"》广东《/option》
《option value="湖南"》湖南《/option》
《option value="广西"》广西《/option》
《option value="湖北"》湖北《/option》
《option value="北京"》北京《/option》
《option value="上海"》上海《/option》
《/select》《/td》
《/tr》
《tr》
《td height="35"》爱好： 《/td》
《td》《input type="checkbox" name="hobby" id="hobby1" value="看书"》
看书
《input name="hobby" type="checkbox" id="hobby2" value="上网" /》
上网
《input type="checkbox" name="hobby" id="hobby3" value="运动"》 运动《/td》
《/tr》
《tr》
《td》 《/td》
《td》《input type="submit" name="tijiao" id="tijiao" value="提交"》《/td》
《/tr》
《/table》
《/form》
《/body》
《/html》
=========
页面2：
reg_*****
《html》
《head》
《/head》
《body》
《script》
var request = {
QueryString : function(val) {
var uri = *****;
var re = new RegExp("" +val+ "\=(*)", "ig");
return ((*****(re))?(*****(re).substr(*****+1)):null);
},
QueryStrings : function() {
var uri = *****;
var re = /\w*\=(*)/ig;
var retval=;
while ((arr = re****c(uri)) != null)
*****(arr);
return retval;
}
}
var q = *****();
for (var i in q) {
*****(decodeURIComponent(q) + ’《br /》’);
}
《/script》
《/body》
《/html》

JavaScript+html设计一个用户注册页面

var reg=/^\w*$/; var flag1=false,flag2=false,flag3=false; function chang1(obj){ var name=*****; if(*****《3||*****》8){ //alert("密码要求3-8位！"); *****("usName").innerHTML=" 用户名要求3-8位！"; } else if(!*****(name)){ //alert("用户名由字母开头，后字母、数字或下划线!"); *****("usName").innerHTML=" 用户名由字母开头，后字母、数字或下划线"; flag1=false;

用html javascript做一个用户注册窗口,要求实现登录名不为空,且两次密码输入一致的功能

function Check()
{
if(*****("帐号id").value=="")
{
alert("登录名不能为空！")
return false;
}
if(*****("第一次密码id").value!=*****("第二次密码id").value)
{
alert("两次输入密码不一样！");
return false;
}
}
在你的注册按钮调用上面方法就行了

用javascript生成一个注册页面，要求用户名和密码不能为空，密码和确认密码一样，年龄在0到100之间，急

给你个类似的话 自己改下就好
《html》
《head》
***隐藏网址***
《title》欢迎进入注册页面《/title》
《script language="javascript"》
function checkname(){
var div = *****("div1");
***** = "";
var name1 = *****;
if (name1 == "") {
***** = "《font color=red》姓名不能为空！《/font》";
*****();
return false;
}
if (***** 《 4 || ***** 》 16) {
***** = "《font color=red》姓名输入的长度4-16个字符！《/font》";
*****();
return false;
}
return true;

}

function checkpassword(){
var div = *****("div2");
***** = "";
var password = *****;
if (password == "") {
***** = "《font color=red》密码不能为空！《/font》";
*****();
return false;
}
if (***** 《 4 || ***** 》 12) {
***** = "《font color=red》密码长度4-12位《/font》";
*****();
return false;
}
return true;
}

function checkrepassword(){
var div = *****("div3");
***** = "";
var password = *****;
var repass = *****;
if (repass == "") {
***** = "《font color=red》密码不能为空！《/font》";
*****();
return false;
}
if (password != repass) {
***** = "《font color=red》输入密码和确认密码长度不一致《/font》";
*****();
return false;
}
return true;
}

function checkEmail(){
var div = *****("div4");
***** = "";
var email = *****;
var sw = *****("@", 0);
var sw1 = *****(".", 0);
var tt = sw1 - sw;
if (***** == 0) {
***** = "《font color=red》电子邮件不能为空《/font》";
*****();
return false;
}
if (*****("@", 0) == -1) {
***** = "《font color=red》电子邮件格式不正确，必须包含@符号！《/font》";
*****();
return false;
}
if (*****(".", 0) == -1) {
***** = "《font color=red》电子邮件格式不正确，必须包含.符号！《/font》";
*****();
return false;
}
if (tt == 1) {
***** = "《font color=red》邮件格式不对。@和.不可以挨着！《/font》";
*****();
return false;
}
if (sw 》 sw1) {
***** = "《font color=red》电子邮件格式不正确，@符号必须在.之前《/font》";
*****();
return false;
}
else {
return true;
}

return ture;
}
function checkPhone(){
var div = *****("div5");
***** = "";
var phone = *****;
if (phone == "") {
***** = "《font color=red》手机号不能为空！《/font》";
*****();
return false;
}
if (***** == 11) {
***** = "《font color=red》手机号码只能为11个字符！《/font》";
*****();
return false;
}
return true;
}
function check(){
if (checkname() && checkpassword() && checkrepassword() && checkEmail()&&checkPhone()) {
var a = *****;
var b = *****;
var c = *****;
var d = *****;
var e = *****;

alert("用户名:"+a+",密码:"+b+",邮件："+c+",手机号码是:"+d+".学历是:"+e+",爱好：");
return true;
}
else {
return false;
}
}
《/script》
《/head》
《body》
《form name="form1" onSubmit="return check()"》
《table border="1" align="center"》
《tr》
《td》
《div align="right"》用户名：《/div》《/td》
《td》
《input id="text1" type="text" name="text1" onBlur="check()"》
《div id="div1" style="display:inline;"》 《/div》 《/td》
《/tr》
《tr》
《td》
《div align="right"》密码： 《/div》《/td》
《td》
《input id="text2" type="password" name="text2" onBlur="check()"》
《div id="div2" style="display:inline"》 《/div》 《/td》
《/tr》
《tr》
《td》
《div align="right"》确认密码： 《/div》《/td》
《td》
《input id="text3" type="password" name="text3" onBlur="check()"》
《div id="div3" style="display:inline"》 《/div》 《/td》
《/tr》
《tr》
《td》
《div align="right"》电子邮件地址： 《/div》《/td》
《td》
《input id="text4" type="text" name="text4" onBlur="check()"》
《div id="div4" style="display:inline"》 《/div》 《/td》
《/tr》
《tr》
《td》
《div align="right"》手机号码： 《/div》《/td》
《td》
《input id="text5" type="text" name="text5" onBlur="check()"》
《div id="div5" style="display:inline"》 《/div》 《/td》
《/tr》
《tr align="center"》
《td》《div align="right"》学历：《/div》《/td》
《td》《div align="left"》
《select name="text6"》
《option value="初中"》初中《/option》
《option value="高中"》高中《/option》
《option value="中专"》中专《/option》
《option value="大专"》大专《/option》
《option value="本科"》本科《/option》
《option value="硕士"》硕士《/option》
《option value="博士"》博士《/option》
《/select》
《/div》《/td》
《/tr》
《tr align="center"》
《td align="center"》《div align="right"》兴趣爱好：《/div》《/td》
《td align="center"》
《input type="checkbox" name="text11" value="篮球"》
篮球
《input type="checkbox" name="checkbox12" value="音乐"》
音乐
《input type="checkbox" name="checkbox13" value="足球"》
足球
《input type="checkbox" name="checkbox14" value="其他"》
其他《/td》
《/tr》
《tr align="center"》
《td align="center"》《input type="submit" value="提交" name="text8"》
《input type="reset" value="重置" name="text9"》《/td》
《td align="center"》 《/td》
《/tr》
《/table》
《/form》
《/body》
《/html》

注册登录页面用js需要注意的问题

用户名大小写。注册登录页面用js需要注意的是用户名大小写和规定密码长度，登录页面是需要提供帐号密码验证的界面，有控制用户权限、记录用户行为，保护操作安全的作用。

怎么用PHP与JavaScript做一个动态登录界面请大神救急

首先注册效果是；1、做好注册页面，放置你要的表单，给你的每一个表单取一个名字（名字自定义，不重复即可）。2、用$_post或$_get来提交到php接收页面。3、在php页面里面首先是接收你注册页面过来的信息，用$_POST方法来接。4、执行sql语句了，把接过来的内容写进数据库就ok了。（insert into ）；**页就是提交过来的数据跟数据库里面的数据进行比对的过程，这个没多少代码。把提交过来的数据，通过php接过来之后跟数据库里面的数据库进行查找比对。一致就**成功，否则**失败。
《?php
/***代码开始*/
if($_GET=="login")
{
$username=$_POST;
$password=$_POST;
$sql=mysql_query("select username password from user_biao where username=’$username’ and password=’$password’");
if($row=mysql_fetch_array($sql))
{
echo "**成功";
}
else{
echo "**失败";
}
}
/***代码结束*/
/*注册代码开始*/
if($_GET=="reg")
{
$username=$_POST;
$password=$_POST;
$sql=mysql_query("INSERT INTO user_biao(username,username) values(’$username’,’$password’)");
echo "用户注册成功";
}

/*注册代码结束*/
?》

jQuery开发登录注册页面，要有验证

在开发登录注册页面时，验证是非常重要的。以下是使用jQuery进行验证的示例代码：HTML部分：```\u003cform id=\"register-form\"\u003e \u003cdiv\u003e \u003clabel for=\"username\"\u003e用户名：\u003c/label\u003e \u003cinput type=\"text\" id=\"username\" name=\"username\"\u003e \u003c/div\u003e \u003cdiv\u003e \u003clabel for=\"password\"\u003e密码：\u003c/label\u003e \u003cinput type=\"password\" id=\"password\" name=\"password\"\u003e \u003c/div\u003e \u003cdiv\u003e \u003clabel for=\"email\"\u003e电子邮件：\u003c/label\u003e \u003cinput type=\"email\" id=\"email\" name=\"email\"\u003e \u003c/div\u003e \u003cdiv\u003e \u003clabel for=\"confirm-password\"\u003e确认密码：\u003c/label\u003e \u003cinput type=\"password\" id=\"confirm-password\" name=\"confirm-password\"\u003e \u003c/div\u003e \u003cdiv\u003e \u003cinput type=\"submit\" value=\"注册\"\u003e \u003c/div\u003e\u003c/form\u003e```jQuery部分：```$(document).ready(function() { $(’#register-form’).submit(function(event) { // 阻止表单提交 *****(); // 获取表单数据 var username = $(’#username’).val(); var password = $(’#password’).val(); var email = $(’#email’).val(); var confirmPassword = $(’#confirm-password’).val(); // 进行验证 var isValid = true; if (!username) { alert(’请输入用户名！’); isValid = false; } if (!password) { alert(’请输入密码！’); isValid = false; } if (!email) { alert(’请输入电子邮件！’); isValid = false; } if (password !== confirmPassword) { alert(’密码与确认密码不一致！’); isValid = false; } // 如果验证通过，则提交表单 if (isValid) { $(’#register-form’).submit(); } });});```以上代码首先使用jQuery的submit()函数**表单的提交事件，在事件处理函数中阻止表单的默认提交行为。然后使用val()函数获取表单中输入的数据，并进行验证。如果存在验证失败的情况，则弹出提示信息。如果所有验证都通过，则使用submit()函数提交表单。需要注意的是，在验证密码和确认密码是否一致时，使用了“!==”运算符，而不是“==”运算符。这是因为在JavaScript中，“==”运算符会进行类型转换，而“!==”则不会。因此使用“!==”可以确保密码和确认密码的数据类型和值都相同。

javascript: 制作一个**界面，要求账号和密码都是123，账号密码输入正确错误都要有提示

创建一个页面，名称为"后台"，用来表示验证通过后的页面。

在实际项目中，需要把用户输入的用户名和密码与数据库中的相关匹配，可是，原型中没有数据库，如何做呢？

只能是模拟一个。假设用户名是darren，密码也是darren。

在登录按钮的一个用例中这样设置，这是有关用户名的判断。

再为登录按钮增加一个用例，用于有关密码的判断。

有关登录按钮用户名判断的用例设置如下：

预览，当输入的用户名不正确，报错如下：

当输入的用户名存在，密码不正确，报错如下：

再为登录按钮的OnClick事件增减一个用例，用来判断用户名和密码都正确。

预览，当用户名和密码都输入正确，页面跳转到后台页。

当然，对于用户名和密码，可以设置全局变量，在判断的时候读取全局变量的值。

一个全局变量能存储多个用户名或密码吗？

假设有这样的一种存储方式：(darren:darren)(jack:123)。如果把这个存储在全局变量中，就相当于在全局变量中保存了多个用户名和密码。

但问题又来了：是否可以从全局变量中读取出每组用户名和密码呢？

在Axure中设置全局变量。

再来修改登录按钮OnClick事件中有关用户名的用例。现在要判断输入的用户名是否包含在全局变量的所有用户名中。

在有关值的公式中，按如下设置：

在有关用户名的条件按如下设置：

在有关用户名的用例按如下设置：

在判断用户名是否正确的时候，这种情况下，要把用户名和密码拼接起来一起判断。

在有关密码判断的公式按如下设置：

有关密码的条件按如下设置：

有关密码的用例按如下设置：

预览，当输入用户名和密码分别是jack,123的时候，验证通过，登录成功。

总结：

● 在Axure中可以模拟数据库中的数据
● 在设置值的时候可以使用富文本框，在富文本框中也可以使用局部变量
● 全局变量存储键值对的一个小技巧