HTML-форму после вызова скрытого поля

Question

Я пытаюсь выполнить почтовый вызов для страницы входа. Пользователь вручную вводит имя пользователя/пароль. Тем не менее, я хочу, чтобы в приведенном ниже поле было задано имя = имя пользователя, когда пользователь вводит свое имя пользователя.

У меня эти поля ниже. И у меня есть скрытое поле, и я хотел бы заменить бит имени пользователя на имя пользователя, которое пользователь вводит вручную.

<input class="form-control" type="hidden" required name="username" placeholder="Username"> 
<input class="form-control" type="password" required name="password" placeholder="Password"> 

<input class="form-control" type="hidden" required name="arg" placeholder="name"> 

Поэтому он должен быть

username=stack 
password=userset 
arg='name=stack' 

Answer 1

Вы можете попробовать использовать jQuery. Здесь у меня есть пример, когда пользователь еще не отправил форму.

$(document).ready(function() { 

    $("input[name='username']").keyup(function() { 
     $("input[name='arg']").val("'name=" + $(this).val() + "'"); 
    }); 

}); 

Если вы действительно хотите получить значение $ _POST, вы должны сериализовать их, используя некоторые PHP.

<script type="text/javascript"> 
    var $post = <?php echo json_encode($_POST); ?>; 
</script> 

Затем вы можете получить доступ к своей переменной, используя $ post ["username"]. Но я не понимаю, почему вы будете использовать это решение, поскольку вы можете просто использовать обычный php для этого.

В коде это должно выглядеть следующим образом:

<script type="text/javascript"> 

    $(document).ready(function() { 
     $('form#form1').submit(function(){ 
      $.ajax({type: "Post", 
        url: $('form').attr('action'), 
        data: $(this).serialize(), 
        success: function(data, status, xhr) { 
         alert("Login successful. Please press OK to be redirected. Redirecting in 5 seconds."); 
         window.setTimeout(function(){window.location.href = "/login"},5000);}, 
         error: function(data, status, xhr) { 
          $('form').trigger("reset"); 
          alert("Failed to login. Please try again."); 
         } 
        }); 

       return false; 
       alert("AJAX request successfully completed"); 
      }); 



      $("input[name='username']").keyup(function() { 
       $("input[name='arg']").val("'name=" + $(this).val() + "'"); 
      }); 
    }); 

</script> 

Answer 2

Если я правильно понять, что вы хотите сделать, это звучит, как вы хотите, чтобы получить input объект DOM и изменить его заполнитель атрибута каждый раз, когда в пользователь меняет значение в поле ввода имени пользователя.

Вы можете захватить элементы DOM с помощью getElementsByName('NAME')[0] (предполагая, что имена уникальны или даже лучше используют идентификаторы, чтобы убедиться, что они уникальны).

Затем присоедините функцию для прослушивания изменений и обмена в placeholder «s новое значение с помощью inputDomObject.addEventListener("change", functionToHandleChanges);

Вы можете установить значение на объект DOM сторон исходного placeholder (и, следовательно, на странице) с помощью placeholderDomObject.setAttribute("placeholder", "thingToSetItTo");

Если вам нужно уточнение, просто оставьте комментарий :)