嵌入式表单提交事件

Question

我试图在提交嵌入表单时触发一个函数。该表单是使用 javascript 嵌入的。我尝试使用通用调用来定位表单，即

$('form').submit(function(){
    alert();
});

这不起作用。我还尝试使用$('#submit_button').on('click', function(){}); 定位嵌入式提交按钮，但也不起作用。

这可能吗？

这个表单正在加载这个嵌入sn-p。

<!-- SharpSpring Form for XXX  -->
<script type="text/javascript">
var ss_form = {'account': 'XXX', 'formID':'XXXX'};
ss_form.width = '100%';
ss_form.height = '1000';
ss_form.domain = 'XXXXXX';
// ss_form.hidden = {'Company': 'XXXX'}; 
</script>
<script type="text/javascript" src="https://external-form.js?ver=1.1.1"></script>
<script type="text/javascript">
var __ss_noform = __ss_noform || [];
__ss_noform.push(['baseURI', 'https://']);
__ss_noform.push(['endpoint', '00000-000-0O0O0-000-000OOO00O']);
</script>

如果我通过控制台运行这个 JS

$('form').submit(function(){
    alert();
});

我会在提交表单时收到警报，它只是不会使用该代码触发事件。

Answer 1

很高兴看到一些 HTML

1. 如果表单在事件处理程序之后加载，例如使用 AJAX，则需要委托：

   $(document).on("submit","form",function(){

2. 如果表单有任何命名为 submit（名称或 ID），那么您需要重命名它们

Answer 2

您的代码根本没有嵌入 HTML 表单，因此从未触发过提交事件。

这个：

<!-- SharpSpring Form for XXX  -->
<script type="text/javascript">
  var ss_form = {'account': 'XXX', 'formID':'XXXX'};
  ss_form.width = '100%';
  ss_form.height = '1000';
  ss_form.domain = 'XXXXXX';
  // ss_form.hidden = {'Company': 'XXXX'}; 
</script>

声明一个名为ss_form 的变量，其值为标准JavaScript 对象。它们会在该对象上创建新属性。

这个：

<script type="text/javascript">
  var __ss_noform = __ss_noform || [];
  __ss_noform.push(['baseURI', 'https://']);
  __ss_noform.push(['endpoint', '00000-000-0O0O0-000-000OOO00O']);
</script>

尝试将名为 __ss_noform 的变量设置为名为 __ss_noform 的变量或常规 JavaScript 数组。

然后它用另一个数组填充对象或数组。

要制作可以提交的表单，您需要一个实际的 HTML <form> 元素（可以是硬编码或动态创建的）。该元素还需要设置其action 和method 属性。

当然，如果您使用的是 JQuery，则必须在代码之前引用 JQuery。

这是一个示例，此代码在 Stack Overflow sn-p 环境中不起作用，因为不允许提交，但您可以看到一个工作版本 here。

$('form').submit(function(){
    alert();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>

  <input type="submit">
</form>