在提交时在控制台中显示表单数据

时间:2014-04-13 15:05:23

标签: javascript html console

是否可以在提交表单时在控制台中显示所有表单数据,然后将数据发布到服务器?

那样的东西?

<form action="http://whatever.com" method="POST" onSubmit="console.log(All Form Data)">

由于 艾哈迈尔。

1 个答案:

答案 0 :(得分:4)

尝试

$(function() {
  $('form').submit(function() {
    console.log('Input 1: '+$('input[name="input1"]').val() + ' Input 2: '+ $('input[name="input2"]').val()); // etc.
  });
});

或者给Id输入

<form onSubmit="console.log('Input 1: '+document.getElementById('input1').value + ' Input 2: '+document.getElementById('input2').value)">