phantomwatson/form-protector

保护用户在提交表单之前不离开表单

维护者

详细信息

github.com/PhantomWatson/form-protector

主页

源代码

问题

安装: 385

依赖: 0

建议者: 0

安全: 0

星星: 0

关注者: 3

分支: 0

开放问题: 0

语言:JavaScript

dev-master 2016-02-04 17:44 UTC

MIT 42496e62f94178b81046f46f3f29856dc170c546

jqueryform

This package is auto-updated.

Last update: 2024-09-05 17:57:50 UTC

README

此脚本通过抛出确认对话框来保护表单，如果用户已输入信息但未保存，则防止用户离开表单。

要求

  • jQuery

安装

<script src="form-protector.js"></script>

示例

要保护ID为MyFormId的表单

<script>
    $(document).ready(function () {
        formProtector.protect('MyFormId');
    });
</script>

如果任何<input>、<select>或<textarea>的值发生变化，并且用户通过除提交表单以外的任何方式离开，则会产生一个确认对话框。

如果您想手动标记表单已更改

<script>
    $(document).ready(function () {
        formProtector.setChanged('MyFormId');
    });
</script>

如果您想手动标记表单已保存（例如，如果您有一个异步函数存储表单数据）

<script>
    $(document).ready(function () {
        formProtector.setSaved('MyFormId');
    });
</script>