jQuery-防止提交未保存的表单
|
我有一个客户表，每行都有一个方法，该方法会弹出一个内联窗体，显示客户详细信息。此页面上还提供搜索，一些选项卡以及一些href链接和功能。
我正在尝试做的是防止用户将表格保留为未保存状态。所以我在表单输入更改或粘贴时将变量formChanged设置为TRUE。如果formChanged == true，那么我不希望用户单击链接或执行搜索，直到他们确认是否保存数据为止。
我正在使用以下内容来提示用户：
$(document).click(function(eve) {
if (!$(eve.target).is(\'#form *\')) {
if (formChanged) {
if (confirm(\"Do you want to save the data or continue to edit?\")) {
$(\'#form\').submit();
return true;
}
else { return false; } //here I do not want to submit the form OR continue with the openForm() method;
}
}
});
<a href=\"/new\">New Customer</a>
<a href=\"javascript:performSearch();\">Search</a>
<table>
<tr>
<td onclick=\"openForm(1);\">Customer One</td>
</tr>
<tr>
<td onclick=\"openForm(2);\">Customer Two</td>
</tr>
<tr>
<td><form> //form gubbins loaded via ajax in here </form></td>
<tr>
<td onclick=\"openForm(2);\">Customer Two</td>
</tr>
</table>
没有找到相关结果
已邀请:
2 个回复
抵舵
。 在jQuery中-您可以使用以下代码：http://api.jquery.com/unload/搜洼挂时
<a href=\"/new\">New Customer</a> <a href=\"javascript:check(performSearch);\">Search</a> <table> <tr> <td onclick=\"check(openForm,1);\">Customer One</td> </tr> <tr> <td onclick=\"check(openForm, 2);\">Customer Two</td> </tr> <tr> <td><form> //form gubbins loaded via ajax in here </form></td> <tr> <td onclick=\"check(openForm, 2);\">Customer Two</td> </tr> </table>函数可能看起来像这样（以目前的形式，它确实很简单，并且仅对要调用的函数使用一个参数，但可以使其更通用）：function check(func, param){ if (!formChanged){ func(param); //invoke the original function } else{ //handle the case for a modified form that the user wants to leave } }