Ajax窗體：新的重置狀態

我有一個通過jquery ajax提交的窗體。當通過ajax提交表單時，我如何設置新的重置狀態？Ajax窗體：新的重置狀態

例如，在頁面加載時，表單中的輸入的默認值爲「foo」。用戶將值更改爲「bar」，命中保存（jquery通過ajax將表單數據發送到服務器）。現在，如果用戶進行其他更改並且用戶點擊了重置按鈕，我希望它重置爲「bar」而不是「foo」。

想要捕獲整個表單的「重置」狀態，而不僅僅是特定的輸入。任何有關如何完成此任務的見解？

來源

2014-12-10 Sage Arslan

'jQuery（'form'）。reset（）'？或者只是有一個''？ – putvande 2014-12-10 23:28:57

@putvande這個問題似乎不是關於如何重置表單，而是如何更改默認值/狀態表單將重置爲。 – 2014-12-10 23:34:18

將值重置爲原始「foo」值，而不是「bar」。請先清楚地閱讀問題。 – 2014-12-10 23:35:46

試試這個：

<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>

來源

2014-12-10 23:46:50 kenhowardpdx

我不能嘗試它的權利，但設置默認值的輸入特性可能是一種選擇。

來源

2014-12-10 23:48:40 ambitiouz

Ajax窗體：新的重置狀態

回答

相關問題