javascript - 确保表单在不使用 javascript 或 jquery 的情况下永远不会提交

Question

我遇到过这样的情况:我使用自定义 jQuery 插件来劫持表单提交。然后，表单中的数据通过 jsonp 跨域 ajax 调用发送到另一台服务器。此数据永远无法发布到托管表单的服务器。

我的问题是，如果客户端禁用了 javascript，我的插件将不会阻止表单提交。即使没有启用 JavaScript，如何确保表单也不会提交？

我考虑过的一个选择是使用 javascript 写出表单标签。

<script type="text/javascript">
    document.write('<form id="myForm">');
</script>

<!-- form html here  -->

<script type="text/javascript">
    document.write('</form>');
</script>

然后将插件应用到表单

$('#myForm').myplugin();

虽然这可行，但考虑到第三方客户将使用我的插件，而且我不想规定他们的表单必须以这种方式编写，这似乎有点hacky。如果我必须这样做，另一种可能性是强制他们将我的插件附加到包含表单的 div，然后在 div 周围自动注入(inject)表单标签并正常继续。然而，有件事告诉我，必须有一种更简单的方法。

Answer 1

如果您不打算提交标准表单，请删除 <form>标签完全替换为 <DIV>标签。您只需将提交绑定(bind)到任何有效元素，例如跨度。并执行 $('#myDiv').myPlugin();