javascript - 提交表单操作时更新 2 个值

Question

我有一个包含多个字段的表单。我喜欢表单中内置的所有验证，并且禁止我使用 ajax。

问题是:我的表单有一个日期选择器和时间选择器。但我必须将这些值作为它们的组合发送，即 6/7/2013 05:00:00。

根据我所做的研究，我无法在提交之前停下来连接这些值。

我怎样才能做到这一点而不涉及太多的欺骗？

感谢您提供任何有用的提示!

Answer 1

您可以使用隐藏元素，在本例中我们将使用它。

<input type="hidden" name="datetime" value=""/>

当表单上触发提交事件时，运行此事件。

$('form').on('submit', function(){
  var $form = $(this);
  $form.find('[name=datetime]').val( 
    $form.find('[name=date]').val() + ' ' + $form.find('[name=time]').val()
  );
});

编辑

我刚刚意识到这没有标记 jQuery，所以这是我使用普通 javascript 的最佳尝试，假设字段名称为“add”，并且有名为 datetime、date 和的输入时间。

var add = document.forms.add;

add.onsubmit = function(e){
  add.datetime.value = add.date.value + ' ' + add.time.value;
}

这绝对应该在服务器端处理。