Javascript-更正用户名和密码以启用另一个表单

Javascript - Correct username and password to enable another form?

本文关键字：启用 另一个 表单 密码 用户 Javascript-      更新时间：2024-06-06

好吧，所以我不知道这是否可能，或者是否有更简单的方法来完成我想要完成的任务。

基本上，我使用Javascript表单通过登录按钮输入用户名和密码。如果用户名和密码输入正确，并且您点击了登录按钮，我希望页面隐藏"登录表单"，然后运行另一个表单。或者，如果有办法禁用"患者信息表单"，直到正确输入"登录表格"。

我完全不知道该怎么做。任何帮助都将不胜感激！

这就是我到目前为止所拥有的。

<form name="recLogin">
  <table>
  <th>Receptionist Login</th>
  <tr><td>Username: 
  <input type="text"
  name="txtUsername"
  id="username"
  placeholder="Username"
  value="mayo" required ></td>
  <td>Password: 
  <input type="password"
  name="txtPassword"
  id="password"
  placeholder="Password"
  value="Please99!" required ></td>
  <td><input type="button"
  onClick="validateLogin();"
  value="Login"></td></tr>
  </table>
</form>

<form name="patientInfo">
  <table>
  <th>Patient Information</th>
  <tr><td>First Name:
  <input type="text"
  name="txtFName"
  id="firstName"
  placeholder="First Name";
  value=""></td></tr>
  <tr><td>Last Name:
  <input type="text"
  name="txtLName"
  id="lastName"
  placeholder="Last Name"
  value=""></td></tr>
  </table>

Javascript代码

function validateLogin()
{
var notValid = true;
var username = document.forms["recLogin"]["txtUsername"].value;
var password = document.forms["recLogin"]["txtPassword"].value;
username = username.toLowerCase();
if(username == "mayo" && password == "Please99!")
{
/*****COMPLETELY STUCK******/
alert("Entered Correctly");
notValid = false;
}
else
{ 
alert("I'm sorry but the username and password you entered are incorrect, please try again.");
}
}//End of validateLogin()

正如barmar所提到的，

应用类似的表ID

<table id='receiptionist_table' style='display:block'>
  <th>Receptionist Login</th>

这个方块意味着当你第一次出现在页面上时，这个表格就会显示出来。和

<table id='Patient_table' style='display:none'>
  <th>Patient Information</th>

我们使用display none，这样这个表单就被隐藏了，登录成功后，您将立即更改脚本中的样式，即：

if(username == "mayo" && password == "Please99!")
{
  document.getElementById('receiptionist_table').style.display='none';
  document.getElementById('Patient_table').style.display='block';
  alert("Entered Correctly");
  notValid = false;
}

在剧本中，你只需要发挥风格。就是这样！

我希望这能解决你的问题。

相关文章：