change input value before submit form using jQuery

Question

I want to set hidden input value(username) based on client other input(email) in a form, then submit to server. (to make sure username equal to email)

However, the assignment to the hidden input is processed AFTER the form submitted. So 'username' is already None on server side.

<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>

Why; if the values are the same in each do you really need the hidden input? — David Thomas
– David Thomas, Commented Apr 13, 2015 at 21:54
I may set hidden input value 'username' based on the value 'email'. For example, username='example' if email='[email protected]'. — miao.wang
– miao.wang, Commented Apr 15, 2015 at 0:04

gitaarik · Accepted Answer · 2015-04-13 21:56:17Z

1

I would do this serverside, but if you want it clientside you can also accomplish it like this:

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

answered Apr 13, 2015 at 21:56

gitaarik

47k12 gold badges101 silver badges109 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

change input value before submit form using jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related