Question

我有一个带有简单文本字段的表单，用于个人的全名。

用户输入他们的名字并将/ tabs移动到下一个字段后，我希望能够捕获全名，仅提取名字，并附加到单独的隐藏表单字段。

如果用户返回并更正其全名，则应重复提取以获取正确的名字。在表单提交期间，仍将传递全名文本字段。

我认为简单的JS是最好的方法（我不使用JQuery）。

<form>
    <input type="text" name="fullname" value="">
    <input type="hidden" name="firstname" value="">
</form>

Answer 1

你可以试试这个

这是你的HTML

<form>
    <input type="text" name="fullname" value="" id="fullname">
    <input type="hidden" name="firstname" value="" id="firstname">
</form>

这是你的javascript

<script>

    let fullName = document.getElementById("fullname");

    let firstName = document.getElementById("firstname");

    fullName.addEventListener("blur", function() {

      let names = fullName.value.split(" ");

      if (names.length > 0) {
        firstName.value = names[0];
      }

    });

</script>

https://jsfiddle.net/3k8kur9u/

Javascript捕获表单文本字段onChange到隐藏字段

1 个答案: