Добавление дополнительной строки к существующему значению в поле ввода формы HTML перед отправкой - PullRequest
Новая
       29

Добавление дополнительной строки к существующему значению в поле ввода формы HTML перед отправкой

0 голосов
/ 26 ноября 2018

У меня есть форма с полем ввода, и я хочу изменить значение перед отправкой.

Пример: 

<form action="savefiends.php" method="post">
    <input type="text" name="id" value="123456"><br>
    <input type="submit">
</form>

Как сохранить значение как 123456@example.com без редактированияsavefiends.php?

PS пользователь может редактировать значение

1 Ответ

0 голосов
/ 26 ноября 2018

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

Примечание: Я добавил дополнительную проверку, чтобы избежать добавления "@example.com", если он уже присутствует.Также я заменил содержимое атрибута действия на "#", чтобы избежать отправки формы. 

function resetId(){
  var idInput = document.getElementById("id");
  var suffix="@example.com";
  // just to check if @example.com is already present
  var checkRegExp=new RegExp(suffix + "$"); 
  if (!idInput.value.match(checkRegExp)) idInput.value +="@example.com";
  alert("Value before submit:" + idInput.value);
}
<form action="#" method="post" onsubmit="resetId();return false">
    <input type="text" name="id" value="123456" id="id"><br>
    <input type="submit">
</form>
...