停止刷新表单

stop form from refreshing

本文关键字：表单 刷新      更新时间：2023-09-26

我有一个表单，它接受来自用户的数据，并在调用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>

不工作

我也试过，return false在脚本和

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

感谢您的帮助

表单中缺少id="target" 

<form method= "post" id="target">
  <input type="submit"/>  
</form>
<script>
$( "#target" ).submit(function( event ) {
  $( "#dialog" ).dialog();
  event.preventDefault();
});
</script>

这里是演示https://jsbin.com/duyevo/edit?html,js,output

相关文章：