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

苗王

我想基于表单中的客户端其他输入(电子邮件)设置隐藏的输入值(用户名),然后提交到服务器。(以确保用户名等于电子邮件地址)

但是,在提交表单之后,处理对隐藏输入的分配因此,“用户名”在服务器端已经为“无”。

<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>
吉他我

我会在服务器端执行此操作,但是如果要在客户端执行此操作,也可以像这样完成操作:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

jQuery提交表单(如果更改输入值)

来自分类Dev

ASP.NET网站-在提交之前更改在表单中输入的值

来自分类Dev

在表单提交jQuery之前删除空值

来自分类Dev

在输入字段的更改值上提交表单

来自分类Dev

使用jQuery动态更改操作值时无法提交表单

来自分类Dev

在jQuery完成修改表单中的值之前提交表单

来自分类Dev

在引导模态中使用jquery更改表单输入字段的值

来自分类Dev

Rails在保存之前使用表单输入值

来自分类Dev

提交表单之前,停止用户更改html源中的值

来自分类Dev

使用jquery ajax提交获取选中的复选框值和表单输入值

来自分类Dev

使用jquery onclick更改提交目标表单

来自分类Dev

使用链接而不是提交输入来在JQuery中提交表单

来自分类Dev

表单提交之前的jQuery函数

来自分类Dev

提交jquery之前验证表单

来自分类Dev

无法使用JavaScript更改表单输入值

来自分类Dev

jQuery生成的输入值未发布到表单提交中

来自分类Dev

在使用jQuery提交表单之前进行确认

来自分类Dev

通过ajax提交之前,使用jquery验证来验证表单

来自分类Dev

使用Jquery根据用户输入更改表单

来自分类Dev

验证表单在提交之前输入ajax

来自分类Dev

如何在提交脚本中使用表单输入值?

来自分类Dev

使用jQuery可互换地更改两个HTML输入表单值

来自分类Dev

提交表单之前,所有已检查的输入字段值的JS输出总和(仅数字)

来自分类Dev

JS在表单提交之前输出所有选中的输入字段值

来自分类Dev

jQuery更改提交值

来自分类Dev

提交表单之前确定重复值

来自分类Dev

如何使用Ultimate成员插件在Wordpress中提交输入值之前删除输入值

来自分类Dev

使用jQuery和Ajax提交表单以更改操作

Related 相关文章

  1. 1

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

  2. 2

    jQuery提交表单(如果更改输入值)

  3. 3

    ASP.NET网站-在提交之前更改在表单中输入的值

  4. 4

    在表单提交jQuery之前删除空值

  5. 5

    在输入字段的更改值上提交表单

  6. 6

    使用jQuery动态更改操作值时无法提交表单

  7. 7

    在jQuery完成修改表单中的值之前提交表单

  8. 8

    在引导模态中使用jquery更改表单输入字段的值

  9. 9

    Rails在保存之前使用表单输入值

  10. 10

    提交表单之前,停止用户更改html源中的值

  11. 11

    使用jquery ajax提交获取选中的复选框值和表单输入值

  12. 12

    使用jquery onclick更改提交目标表单

  13. 13

    使用链接而不是提交输入来在JQuery中提交表单

  14. 14

    表单提交之前的jQuery函数

  15. 15

    提交jquery之前验证表单

  16. 16

    无法使用JavaScript更改表单输入值

  17. 17

    jQuery生成的输入值未发布到表单提交中

  18. 18

    在使用jQuery提交表单之前进行确认

  19. 19

    通过ajax提交之前,使用jquery验证来验证表单

  20. 20

    使用Jquery根据用户输入更改表单

  21. 21

    验证表单在提交之前输入ajax

  22. 22

    如何在提交脚本中使用表单输入值?

  23. 23

    使用jQuery可互换地更改两个HTML输入表单值

  24. 24

    提交表单之前,所有已检查的输入字段值的JS输出总和(仅数字)

  25. 25

    JS在表单提交之前输出所有选中的输入字段值

  26. 26

    jQuery更改提交值

  27. 27

    提交表单之前确定重复值

  28. 28

    如何使用Ultimate成员插件在Wordpress中提交输入值之前删除输入值

  29. 29

    使用jQuery和Ajax提交表单以更改操作

热门标签

归档