jquery - 提交前更改数据

Question

我正在使用发现的ajaxForm插件here

现在我有一个带有用户名和密码的表单

我的要求是将密码字段的值更改为其md5，因此我使用找到的插件here

所以我这样使用:

$('myForm').ajaxForm({

   url : 'pathtosend',
   type : 'post',
   beforeSubmit : function(arr, $form, options){
      $('#password').val($.md5($('#password').val()));
   },
   success : function(response, statusText, xhr, $form){
      alert('blah blah');
   }
});

现在，当我在 java servlet 代码 中打印 password 的值时，它会显示我传递的值，而不是像我那样显示该值的 md5。

当我将编码更改为单击提交按钮并操作提交时，它已完成，所以我的问题是当数据更改时beforeSubmit的意义是什么不会在提交中反射(reflect)

Answer 1

您需要将 beforeSubmit 函数更改为:

    beforeSubmit : function(arr, $form, options){
      arr.push({name:'hashed-password', value:$.md5($('#password').val())})
   },

然后您可以访问 servlet 中的散列密码变量。

原因是文本输入的值已经被 AjaxForm 处理并存储在 arr 数组中。

编辑:如果您不想发送明文密码，可以使用原来的方法，但将 beforeSubmit : function(arr, $form, options){ 更改为 beforeSerialize :函数(){