Javascript Ajax表单：新的重置状态

我有一个通过jQueryAjax提交的表单。通过ajax提交表单时，如何设置新的重置状态

例如，在页面加载时，表单中有一个默认值为“foo”的输入。用户将值更改为“bar”，点击save（jquery通过ajax将表单数据发送到服务器）。现在，如果用户进行了其他更改，并且用户点击了表单重置按钮，我希望它重置为“bar”而不是“foo”

希望捕获整个表单的“重置”状态，而不仅仅是特定的输入。 关于如何实现这一点有什么见解吗？

试试以下方法：

<form>
    <input type="text" name="demoInput" value="foo" />
    <button type="reset">Reset</button>
    <button type="submit">Submit</button>
</form>

<script>
    $('body').on('click', 'button[type=submit]', function () {
      // Store the current value as a data attribute
      $('input').each(function() {
        $(this).data('value',$(this).val());
      });
    });

    $('body').on('click', 'button[type=reset]', function () {
      // Restore the store value
      $('input').each(function() {
        $(this).val($(this).data('value'));
      });
    });

</script>

重置
提交
$（'body'）。在（'click'，'button[type=submit]'上，函数（）{
//将当前值存储为数据属性
$（'input'）。每个（函数（）{
$（this.data（'value'，$（this.val（））；
});
});
$（'body'）。在（'click'，'button[type=reset]'上，函数（）{
//恢复存储值
$（'input'）。每个（函数（）{
$（this.val（$（this.data（'value'））；
});
});

试试这个：

<form>
    <input type="text" name="demoInput" value="foo" />
    <button type="reset">Reset</button>
    <button type="submit">Submit</button>
</form>

<script>
    $('body').on('click', 'button[type=submit]', function () {
      // Store the current value as a data attribute
      $('input').each(function() {
        $(this).data('value',$(this).val());
      });
    });

    $('body').on('click', 'button[type=reset]', function () {
      // Restore the store value
      $('input').each(function() {
        $(this).val($(this).data('value'));
      });
    });

</script>

重置
提交
$（'body'）。在（'click'，'button[type=submit]'上，函数（）{
//将当前值存储为数据属性
$（'input'）。每个（函数（）{
$（this.data（'value'，$（this.val（））；
});
});
$（'body'）。在（'click'，'button[type=reset]'上，函数（）{
//恢复存储值
$（'input'）。每个（函数（）{
$（this.val（$（this.data（'value'））；
});
});

试试这个：

<form>
    <input type="text" name="demoInput" value="foo" />
    <button type="reset">Reset</button>
    <button type="submit">Submit</button>
</form>

<script>
    $('body').on('click', 'button[type=submit]', function () {
      // Store the current value as a data attribute
      $('input').each(function() {
        $(this).data('value',$(this).val());
      });
    });

    $('body').on('click', 'button[type=reset]', function () {
      // Restore the store value
      $('input').each(function() {
        $(this).val($(this).data('value'));
      });
    });

</script>

重置
提交
$（'body'）。在（'click'，'button[type=submit]'上，函数（）{
//将当前值存储为数据属性
$（'input'）。每个（函数（）{
$（this.data（'value'，$（this.val（））；
});
});
$（'body'）。在（'click'，'button[type=reset]'上，函数（）{
//恢复存储值
$（'input'）。每个（函数（）{
$（this.val（$（this.data（'value'））；
});
});

试试这个：

<form>
    <input type="text" name="demoInput" value="foo" />
    <button type="reset">Reset</button>
    <button type="submit">Submit</button>
</form>

<script>
    $('body').on('click', 'button[type=submit]', function () {
      // Store the current value as a data attribute
      $('input').each(function() {
        $(this).data('value',$(this).val());
      });
    });

    $('body').on('click', 'button[type=reset]', function () {
      // Restore the store value
      $('input').each(function() {
        $(this).val($(this).data('value'));
      });
    });

</script>

重置
提交
$（'body'）。在（'click'，'button[type=submit]'上，函数（）{
//将当前值存储为数据属性
$（'input'）。每个（函数（）{
$（this.data（'value'，$（this.val（））；
});
});
$（'body'）。在（'click'，'button[type=reset]'上，函数（）{
//恢复存储值
$（'input'）。每个（函数（）{
$（this.val（$（this.data（'value'））；
});
});

我现在不能尝试，但是设置输入的属性可能是一个选项。

我现在不能尝试，但是设置输入的属性可能是一个选项。

我现在不能尝试，但是设置输入的默认值可能是一个选项。

我现在不能尝试，但是设置输入的属性可能是一个选项。

旧问题，但是在成功提交后将

默认值设置为
值将使重置按钮在新状态下工作

简单的JQuery示例：

$("form input").each((ix, t) => { t.defaultValue = t.value; });

旧问题，但在成功提交后将
defaultValue
设置为
value
，将使重置按钮在新状态下工作

简单的JQuery示例：

$("form input").each((ix, t) => { t.defaultValue = t.value; });

旧问题，但在成功提交后将
defaultValue
设置为
value
，将使重置按钮在新状态下工作

简单的JQuery示例：

$("form input").each((ix, t) => { t.defaultValue = t.value; });

旧问题，但在成功提交后将
defaultValue
设置为
value
，将使重置按钮在新状态下工作

简单的JQuery示例：

$("form input").each((ix, t) => { t.defaultValue = t.value; });

jQuery（'form'）.reset（）
？或者只需要一个
？@putvande问题似乎不是关于如何重置表单，而是如何更改表单将重置为的默认值/状态。这会将值重置回原始的“foo”值，而不是“bar”。请先把问题读清楚。好的。。对不起，误读了问题。很晚了<代码>jQuery（'form'）.reset（）
？或者只需要一个
？@putvande问题似乎不是关于如何重置表单，而是如何更改表单将重置为的默认值/状态。这会将值重置回原始的“foo”值，而不是“bar”。请先把问题读清楚。好的。。对不起，误读了问题。很晚了<代码>jQuery（'form'）.reset（）

？或者只需要一个

？@putvande问题似乎不是关于如何重置表单，而是如何更改表单将重置为的默认值/状态。这会将值重置回原始的“foo”值，而不是“bar”。请先把问题读清楚。好的。。对不起，误读了问题。很晚了<代码>jQuery（'form'）.reset（）？或者只需要一个

？@putvande问题似乎不是关于如何重置表单，而是如何更改表单将重置为的默认值/状态。这会将值重置回原始的“foo”值，而不是“bar”。请先把问题读清楚。好的。。对不起，误读了问题。很晚了。