Javascript 阻止表单刷新

我有一个表单，它接受来自用户的数据，并在通过调用java服务发送邮件后给出一条成功消息。成功发送后，用户将收到一条成功消息。在我的例子中，表单是一个弹出窗口。因此，在提交表单时，会发布数据，弹出窗口会刷新/提交，但不会出现成功弹出窗口。 我正在使用以下代码：

$( "#target" ).submit(function( event ) {
  alert( "Mail Sent successfully" );
  event.preventDefault();
});

但我不想要上述警告。我想要自定义的成功消息弹出窗口，它不是警报。比如说

$(document).ready(function(){
  $( "#target" ).submit(function( event ) {
   $( "#dialog" ).dialog();
  event.preventDefault();
});
});

<div id="dialog" title="Basic dialog">
  <p>Mail Sent successfully</p>
</div>

感谢您提供的任何帮助

表单中缺少id=“target”

$（“#目标”）。提交（功能（事件）{
$（“#dialog”）.dialog（）；
event.preventDefault（）；
});

这是演示

您在表单中缺少id=“target”

$（“#目标”）。提交（功能（事件）{
$（“#dialog”）.dialog（）；
event.preventDefault（）；
});

---

这里是演示

您不应该为表单使用

onsubmit

属性，而不是

onclick

，因为您希望侦听提交的表单，而不是单击。哎呀，我的错误…在实际代码中，我只使用了onsubmit，现在在我的问题中更改了。

不会工作，因为false不是一个函数，你需要

你不应该为表单使用

onsubmit

属性，而不是

onclick

，因为你想要监听表单的提交，而不是单击。哎呀，我的错误…在实际代码中，我只使用了onsubmit，现在在我的问题中更改了。

不会工作，因为false不是一个函数，您需要

<form method= "post" onsubmit= "return false()">

<form method= "post" id="target">
  <input type="submit"/>  
</form>

<script>
$( "#target" ).submit(function( event ) {
  $( "#dialog" ).dialog();
  event.preventDefault();
});
</script>