Question

我有一个带有输入框的表单，我想在提交之前更改值。

示例：

/^.*\/\/[^/]+/

如何在不编辑/的情况下将值另存为<form action="savefiends.php" method="post"> <input type="text" name="id" value="123456"><br> <input type="submit"> </form>？

P.S。用户可以编辑值

Answer 1

您可以使用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>

提交前在HTML表单的输入框中向现有值添加其他字符串

1 个答案: