javascript - 是否可以在发送前更改表单数据？

Question

我想找到在发送表单之前更改数据的通用方法。如果我有 <form>包含 <input>某种类型(类)并且用户按下发送按钮，我想将此输入值转换为另一种格式，以便它以正确的格式到达服务器。

我知道我可以设置一个 submit() 处理程序来处理数据，但是我需要一个通用的解决方案来在所有页面表单上设置加载机制并忘记它(也许发送了一些表单通过 AJAX，其他使用 Jquery.validate 发送等)

Answer 1

使用 jQuery 选择所有表单元素:$('form') 并为表单 submit 事件注册处理程序。像这样:

$('form').submit(function(e){
    e.preventDefault()
    var $this = $(this)
    var formData = $this.serialize()
    // do some thing to it
    var yourData = transform(formData)
    $.ajax({
       post: $this.attr('action'),
       data: yourData,
       ...
    })
})

引用资料

• submit()
• jQuery CSS Selector
• Form serialize()