不同类型的用户登录HTML Javascript
[英]Different Type User Login HTML Javascript
问题描述
我试图弄清楚如何使表单登录有所不同
就像某些用户是管理员，其他用户是用户，其他用户是VIP
我试图添加else并更改变量，但是没有用。
<html> <head> <script language="javascript"> var vipz = new Array(); var vasses = new Array(); function init() { vipz.push("vadmin"); vasses.push("vadmin"); vipz.push("vuser"); vasses.push("vuser"); vipz.push("velcius"); vasses.push("vitz"); users.push("admins"); passes.push("admins"); users.push("vipz"); passes.push("vipz"); users.push("celciuss"); passes.push("bitzs"); ausers.push("adminsa"); apasses.push("adminsa"); ausers.push("vipza"); apasses.push("vipza"); ausers.push("celciussa"); apasses.push("bitzsa"); } function login() { var ddl = document.getElementById("op"); var selectedValue = ddl.options[ddl.selectedIndex].value; for (var i = 0; i < vipz.length; i++) { if (document.getElementById("user").value == vipz[i]) { if (document.getElementById("pass").value == vasses[i]) { if (selectedValue == "vip") { alert("You have logged in"); document.getElementById("result").innerHTML = "You have logged into " + vipz[i]; } } } } for (var j = 0; j < users.length; j++) { if (document.getElementById("user").value == users[j]) { if (document.getElementById("pass").value == passes[j]) { if (selectedValue == "user") { alert("You have logged in"); document.getElementById("result").innerHTML = "You have logged into " + users[j]; } } } } for (var k = 0; k < users.length; k++) { if (document.getElementById("user").value == users[k]) { if (document.getElementById("pass").value == passes[k]) { if (selectedValue == "admin") { alert("You have logged in"); document.getElementById("result").innerHTML = "You have logged into " + users[k]; } } } } } </script> </head> <body onLoad="init();"> <fieldset> <table> <tr> <td> <label>User</label> </td> <td> <input type="text" id="user" /> </td> </tr> <br> <tr> <td> <label>Password</label> </td> <td> <input type="password" id="pass" /> </td> </tr> <br> <tr> <td> <select type="opt" id="op" name="cards"> <option value="admin">admin</option> <option value="user">user</option> <option value="vip">vip</option> </td> <td> <input type="button" value="Submit" onClick="login();" /> </td> </tr> <p id="result"></p> </fieldset> </body> </html>
3 个解决方案
解决方案1
1 已采纳 2015-11-27 09:39:32
唯一的问题是，您忘记了声明所有数组。 添加所有缺少的声明。
var users = new Array();
var passes = new Array();
var ausers = new Array();
var apasses = new Array();
然后它将起作用。
解决方案2
0 2015-11-27 09:38:02
您尚未定义ausers，users，passs和apasses数组
解决方案3
0 2015-11-27 09:40:05
添加了缺少的数组声明。
<html> <head> <script language="javascript"> var vipz = new Array(); var vasses = new Array(); var ausers = new Array(); var apasses = new Array(); function init(){ vipz.push("vadmin"); vasses.push("vadmin"); vipz.push("vuser"); vasses.push("vuser"); vipz.push("velcius"); vasses.push("vitz"); users.push("admins"); passes.push("admins"); users.push("vipz"); passes.push("vipz"); users.push("celciuss"); passes.push("bitzs"); ausers.push("adminsa"); apasses.push("adminsa"); ausers.push("vipza"); apasses.push("vipza"); ausers.push("celciussa"); apasses.push("bitzsa"); } function login(){ var ddl = document.getElementById("op"); var selectedValue = ddl.options[ddl.selectedIndex].value; for(var i = 0;i<vipz.length;i++){ if(document.getElementById("user").value == vipz[i]){ if(document.getElementById("pass").value == vasses[i]){ if (selectedValue == "vip"){ alert("You have logged in"); document.getElementById("result").innerHTML = "You have logged into "+vipz[i]; } } } } for(var j = 0;j<users.length;j++){ if(document.getElementById("user").value == users[j]){ if(document.getElementById("pass").value == passes[j]){ if (selectedValue == "user"){ alert("You have logged in"); document.getElementById("result").innerHTML = "You have logged into "+users[j]; } } } } for(var k = 0;k<users.length;k++){ if(document.getElementById("user").value == users[k]){ if(document.getElementById("pass").value == passes[k]){ if (selectedValue == "admin"){ alert("You have logged in"); document.getElementById("result").innerHTML = "You have logged into "+users[k]; } } } } } </script> </head> <body onLoad="init();"> <fieldset> <table> <tr><td><label>User</label></td> <td><input type="text" id="user" /></td></tr> <br> <tr><td><label>Password</label></td> <td><input type="password" id="pass" /></td></tr> <br> <tr><td> <select type="opt" id="op" name="cards"> <option value="admin"> admin </option> <option value="user"> user </option> <option value="vip"> vip </option> </td> <td><input type="button" value="Submit" onClick="login();" /></td></tr> <p id="result"></p> </fieldset> </body> </html>
如何在 html 标记中包含不同类型的 javascript 文件？
[英]How to include a javascript file with different type in the html markup?
HTML javascript提交不同形式的相同数据类型，2个按钮
[英]Html javascript Submit different form same data type, 2 buttons
如何使用 JavaScript 加载不同的 html 页面，由用户触发，单击按钮？
[英]How to load different html pages with JavaScript, triggered by the user, clicking on a button?
HTML表格编号类型使用Javascript和PHP的唯一用户输入
[英]HTML Form Number Type Unique User Input with Javascript and PHP
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.