Javascript 使用jQuery Mobile提交时防止表单重置

我试图在提交表单时实现它不会刷新和重置所有值。我试图让它保留字段，这样我们就不必为同一顺序的多个条目重新输入信息

我不确定你需要什么，这里是索引的大部分来源

你可以在

高级饮料供应
高级饮料供应

菜单选项

//表格的开头----------------------

<div class="ui-field-contain" class="ui-btn-f">

<select name="rep" id="rep" data-native-menu="false" data-form="ui-btn-up-f" data-theme="f" required>
    <option value="">Representative</option>        
    <option value="Dale">Dale</option>
    <option value="Dan">Dan</option>
    <option value="Ron">Ron</option>
    <option value="Scott">Scott</option>
</select>
</div>


<label for="slider-s">Number of Samples:</label>
<input name="sample" id="sample" value="0" min="0" max="6" data-highlight="true" type="range" class="ui-shadow-inset ui-body-f ui-corner-all ui-slider-input  ui-bar-f " data-form="ui-body-f" data-theme="f" required>



<label for="textinput-2">Account Info:</label>
<input name="account" id="account" placeholder="Name" value="" type="text" class="input" data-form="ui-body-f" data-theme="f" required>
<input name="accountcity" id="accountcity" placeholder="City" value="" type="text" class="input" data-form="ui-body-f" data-theme="f" required data-required-msg="City is required.">
<input name="accountcontact" id="accountcontact" placeholder="Contact" value="" type="text" class="input" data-form="ui-body-f" data-theme="f">


<label for="textinput-2">Search Sample:</label>
<input type="text" id="items" name="items" placeholder="Item Sampled">
<ul id="suggestions" data-role="listview" data-inset="true"></ul>






<div data-role="collapsible" data-theme="f" data-swatch="f" class="ui-btn-f" data-form="ui-btn-f">
<h4>Other Expenses</h4>
<label for="text-basic">Supplier Name:</label>
<input name="suppliername" id="suppliername" value="" type="text" class="input" data-form="ui-body-f" data-theme="f">
<label for="text-basic">Expense:</label>
<input name="expense" id="expense" value="" type="text" class="input" data-form="ui-body-f" data-theme="f">
</div>  
<br>

<a href="#popupDialog" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-transition="pop" data-theme="e" data-swatch="e" class="ui-btn ui-btn-e ui-corner-all" data-form="ui-btn-up-e">Submit Request</a>
<div data-history="false" data-role="popup" id="popupDialog" data-overlay-theme="a" data-theme="e" data-dismissible="false" style="max-width:400px;" class="ui-corner-all">
<div data-role="header" data-theme="e" class="ui-corner-top">
    <h1>Submission</h1>
</div>
<div data-role="content" data-theme="b" class="ui-corner-bottom ui-content" data-history="false">
    <h3 class="ui-title">Are you sure you want to submit this form?</h3>

    <a href="#" data-role="button" data-inline="true" data-rel="back" data-theme="e">Cancel</a>
    <a href="javascript:{}" data-role="button" data-inline="true" data-rel="back" data-transition="flow" data-theme="e" onclick="document.getElementById('my_form').submit(); return false;" data-ajax="false">Submit</a>
</div>
</div>




 </div>
</div>

</div>
</div>
</form>
</body>
</html>

代表
山谷
丹
罗恩
斯科特
样本数量：
帐户信息：
搜索示例：

其他费用
供应商名称：
费用：


服从
您确定要提交此表单吗？
 > p>我会考虑将一个JavaScript框架（如KokOut.js或angul.js）应用到您的视图中。

这里有一些关于淘汰赛的好教程：

基本上，它允许您轻松地将模型数据绑定到视图，这样当您进行回发时，您将保留视图中的值

我建议在你的情况下击倒，因为它可能更容易适用于你的页面开始。角度也很好，但有更多的功能需要学习。否则，如果没有这些框架，您必须手动编写更多jQuery来将模型绑定到视图。这些框架使管理更加容易。
您可以对表单使用onsubmit return false

    <form onsubmit="return false;" method='post' id="my_form">



直接在表单上尝试一下，我已经有onclick=“document.getElementById（'my_form'）。submit（）；return false；”仍然可以刷新页面。
    <form onsubmit="return false;" method='post' id="my_form">