嵌入式表单提交事件

Question

我正在尝试触发提交嵌入表单的功能。表单使用javascript嵌入。我试图用通用调用来定位表格，即

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

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

这可能吗？

此表单正在加载此嵌入代码段。

<!-- 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片段环境中不起作用，因为不允许提交，但您可以看到正在运行的版本 here

＆＃13;

＆＃13;

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

＆＃13;

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

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

＆＃13;

＆＃13;

＆＃13;