具有两个值的输入字段

Question

I have two input fields as this:

1. input type="hidden" name="action" value="login">
2. input type="hidden" name="action" value="admin_login">

I have two separate login forms, which I want to become one

I've searched for the solution on internet and it seems that it is better to let in tho form the value of "login", so that normal users login using their credentials, and then do some javascript in the page translated as IF username === adminX then this. form value="admin_login" .

Any help on how to accomplish this, I don't know much of javascript

Answer 1

Using java script you can do this by

<script>
function check_login() {
if (userType==admin){
 Myform.value="admin_login";}
else{
 Myform.value="user";
}
}
</script>
<input type="submit" onclick="check_login()">

I think the best way to do this by having single form for both user but now depend on server side how you handle it.like

if(userType==admin_login) {
//show admin permissions for result page
}
else{
hide all admin permissions and show only given permission for normal user for result page
}

Answer 2

later: done it like this, because next day the version from comment is not working anymore..boh

<form method="POST" action="index.php">
<input type="text" placeholder="Username" id="username" onBlur="myFunction()" name="username" value="">
<input type="password" placeholder="Password" name="password">
<button type="submit" name="action" id="log" value="login">SIGN UP</button>
</form>

and javascript:

<script type="text/javascript">
  function myFunction(){
    var username = document.getElementById("username").value;
    if(username == 'admin'){
    document.getElementById("log").value='admin_login';
    }else{
    document.getElementById("log").value='login';
    }
  }
</script>

Hope it helps someone in the future. Thank you!