HTML + значения из двух текстовых форм

Question

Мне нужен способ получить значения из двух текстовых форм/полей и объединить их в одно скрытое текстовое поле.

например. Пароль 1: вода Пароль 2: 12561

Скрытый пароль Теперь форма должна содержать "water12561"

Зачем мне это нужно? У меня есть OTRS-Login с OTP (одноразовый пароль) и вы хотите аутентифицировать пользователя с помощью OTP и пароля, который хранится в mysql-DB/LDAP. Обычный способ заключается в том, что пользователь должен вводить оба значения в одну поданную, но это, на мой взгляд, не очень хороший способ. По этой причине я хочу создать два поля и установить пароль вместе в одном поле, чтобы отправить его в perl-скрипт.

btw - на компьютере не установлен PHP.

Answer 1

Это быстрый фрагмент, который работает через JavaScript. Я сделал поле пароля видимым, чтобы вы могли видеть его работу. Вам просто нужно сделать поле пароля скрытым в соответствии с вашими требованиями.

document.getElementById("button").addEventListener("click", function(){ 
 
    concatFields(); 
 
}); 
 

 
function concatFields() 
 
{ 
 
    var val1 = document.getElementById("input1").value; 
 
    var val2 = document.getElementById("input2").value; 
 
    var password = val1 + val2; 
 

 
    document.getElementById("password").value = password; 
 
}

<div> 
 
    <label>input 1</label> 
 
    <input id="input1" type="text" placeholder="add value here"> 
 
</div> 
 
<div> 
 
    <label>input 2</label> 
 
    <input id="input2" type="text" placeholder="add value here"> 
 
</div> 
 
<div> 
 
    <label>password</label> 
 
    <input id="password" type="password" placeholder="do not add value here"> 
 
</div> 
 
<div> 
 
    <input id="button" type="button" value="Concat field 1 and 2, then insert into field 3"> 
 
</div>