`onsubmit =“ return false;”`有什么作用？

Question

jQuery UI对话框与表单元素一起使用时，它立即消失。当我删除整个表单标签内容时，我看到只有在用户单击关闭按钮时才将其关闭。问题是与对话框内部的div的创建有关，哪些表单元素使它消失了？尝试使用CSS自定义样式以及Jquery .attr()和.html()通过覆盖本机警报来实现相同的效果。

<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Dialog - Default functionality</title>
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="httpsz:/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>

function displayalert()
{
    $("<div>This is sample</div>").dialog();
}
</script>
</head>
<body>
 
 <form>
<p>Select Items</p><br>
<input type="radio" name="checking">Item 1<br>
<input type="radio" name="checking">Item 2<br>
<input type="radio" name="checking">Item 3<br>
<input type="radio" name="checking">Item 4<br>
<input type="submit" onclick="displayalert()">
</form>
</body>
</html>

我已包含要在单击按钮时显示的警报。如前所述，当我单独使用它时，我看到它仅在用户单击关闭时关闭。但是当与表格一起使用时，它会立即消失。

我只需要在用户单击关闭按钮时关闭警报。由于它很大，因此不包含表单内容。它具有成组的单选按钮和复选框以及“提交”按钮。

Answer 1

问题是，当您单击按钮表单时，将提交表单。因为您使用的按钮类型为输入，该按钮的包裹在int[] b = a.stream().mapToInt(Integer::intValue).toArray(); System.out.println(Arrays.toString(b));元素中。

<form>认为您要将表单数据发送到服务器进行处理，以便刷新。通过告诉表单未提交，您的HTML可以工作并返回消息。只需为表单标签添加jquery。

`onsubmit =“ return false;”`有什么作用？

基本上是通过JavaScript处理表单提交的，只需不执行任何操作并返回控制流

通过www.codexpedia.com

了解更多信息

prevent refresh of page when button inside form clicked

onsubmit="return false;"

jQuery UI警报对话框与表单元素一起使用时消失

1 个答案:

`onsubmit =“ return false;”`有什么作用？

基本上是通过JavaScript处理表单提交的，只需不执行任何操作并返回控制流