javascript - 在使用 jQuery 提交表单之前更改输入值

Question

我想根据表单中的客户端其他输入(电子邮件)设置隐藏输入值(用户名)，然后提交给服务器。 (确保用户名等于电子邮件)

但是，对隐藏输入的分配是在提交表单之后处理的。所以 'username' 在服务器端已经是 None。

<form id="altForm" action="" method="post">

<input type="hidden" name="username" id="id_username" maxlength="40" >

<input type="email" name="email" id="id_email" maxlength="40">

<input class="btn btn-primary pull-right" type="submit" value="Register" />
</form>

---

<script>

    $("#altForm").submit(function(e){
        e.preventDefault();
        var username = $("#id_email").val();
        $("#id_username").val(username);

    });

</script>

Answer 1

我会在服务器端做这个，但如果你想在客户端做，你也可以这样完成:

$('#id_email').keyup(function() {
    $('#id_username').val($(this).val());
});