jQuery在提交后不要清空特定的表单字段 - JavaScript

在使用jQuery提交表单时，经常会发现在提交后所有表单字段都被清空了。这是因为默认情况下，jQuery会在提交表单后重置表单。但是有些情况下我们需要保留特定的表单字段，比如用户填写的一些选项。

以下是如何使用jQuery不清空特定表单字段的方法：

方法一：使用 preventDefault() 方法

可以通过 preventDefault() 方法防止默认行为，从而防止表单被重置。具体代码如下：

$(document).ready(function(){
   $("form").submit(function(event){
      event.preventDefault();
      // 在此处添加提交表单的代码
   });
});

上面的代码中，preventDefault() 方法可以防止表单被重置，从而保留表单字段。在 submit() 方法中添加需要执行的代码。

方法二：使用 reset() 方法

可以在提交表单后使用 reset() 方法手动重置表单。但是需要注意的是，这样会清空所有表单字段，因此需要在提交表单前将需要保留的表单字段做一些操作，例如将值保存在隐藏字段中，具体代码如下：

$(document).ready(function(){
   $("form").submit(function(){
      // 保存需要保留的表单字段值
      $("#hidden_field").val($("#specific_field").val());
      // 在此处添加提交表单的代码
      // 重置表单
      this.reset();
   });
});

上面的代码中，将需要保留的表单字段的值保存在隐藏字段中，然后在提交表单后手动重置表单。这样可以保留保存在隐藏字段中的表单字段值。

总之，以上两种方法简单易用，可以帮助我们在提交表单时保留需要保留的表单字段。