Javascript Can'；t在表单提交或单击按钮时运行脚本

我不熟悉

HTML

、

PHP

和

JavaScript

，所以请期待错误。 我已经在我的

PHP

文件中使用了表单并通过电子邮件发送内容。这很有效。我正在使用

Iframe

让人们保持在页面上，这似乎达到了预期效果

我正在尝试在提交表单后显示引导警报。因此，它在默认情况下是折叠的，我只是希望它在提交表单或按下按钮后显示。我一辈子也弄不明白。表单将按预期提交，但脚本似乎没有与警报一起运行

脚本位于HTML文档中：

<script>
   function FormSubmit(){
       alert("The form was submitted");
       $('#AlertSuccess'.show('fade');
   }
</script>
<div id="AlertSuccess" class="alert alert-success collapse">
   <!--<a id="CloseAlert" href="#" class="close">&times;</a> -->
   <strong>Awesome</strong> We will contact you shortly
</div>
<div class="contact_form_container">
   <iframe name="keepitneat" style="display:none;">
   </iframe>
   <form id="contact_form" class="contact_form" action="/contact_send_btn.php" method="post" target="keepitneat" onsubmit="FormSubmit()">
      <input id="contact_form_name" name="name" class="input_field contact_form_name" type="text" placeholder="Name" required="required" data-error="Name is required.">
      <input id="contact_form_email" name="email"class="input_field contact_form_email" type="email" placeholder="E-mail" required="required" data-error="Valid email is required.">
      <input id="contact_form_number1" name="number1"class="input_field contact_form_number1" type="text" placeholder="Mobile Number" required="required" data-error="Phone number is required">
      <input id="contact_form_number2" name="number2"class="input_field contact_form_number2" type="text" placeholder="Landline Number">
      <button id="contact_send_btn" type="submit" onclick="FormSubmit()" class="contact_send_btn trans_200"  value="Submit">send</button>
   </form>
</div>

函数FormSubmit（）{
警告（“表格已提交”）；
$（#AlertSuccess.show（'fade'）；
}
太棒了我们将很快与您联系
发送

请让我觉得自己很傻，并指出输入错误或逻辑错误，因为我已经在这个问题上纠缠了一段时间。

浏览器控制台（F12）应该告诉您javascript中的语法错误。您忘记了

$（'#AlertSuccess'.show（'fade'）；

中的结尾

）

您必须在默认情况下隐藏
#AlertSuccess
，在表单提交时，调用
show（）
以显示消息

您忘记关闭
$（'AlertSuccess'.show（'fade'）；
中的括号。
应该是

$('#AlertSuccess').show('fade');


函数FormSubmit（）{
$（'#AlertSuccess'）。显示（'fade'）；
}
。隐藏{
显示：无；
}

太棒了我们将很快与您联系
发送
$（“#AlertSuccess.show（'fade'）；
谢谢，你能澄清一下“默认隐藏”是什么意思吗？就像在一个单独的函数中隐藏它一样？你只需要在表单提交后显示消息，对吗？因此，在默认情况下，使用
显示：无
隐藏消息。提交后，
显示（）
功能切换css并显示消息
$('#AlertSuccess').show('fade');