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

Question

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

但是，隐藏输入的分配是在提交的表单 AFTER 处理的。所以＆＃39;用户名＆＃39;在服务器端已经是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());
});