提交“按钮不能用于html代码
我有这个HTML代码：
<!DOCTYPE html>
<html>
<head>
<title>Modal</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="modalUI.css">
<script src="jquery-3.1.1.js"></script>
<script src="jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="jquery-ui-1.12.1.custom/jquery-ui.min.css">
<script src="jquery-ui-1.12.1.custom/external/jquery/jquery.js"></script>
<script src="jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#create-user').click(function(){
$('#dialog').dialog("open");
});
$('#dialog').dialog({
draggable: true,
resizable: false,
closeOnEscape: true,
modal: true,
autoOpen: false
});
});
</script>
</head>
<body>
<form id="form1">
<table class="table table-bordered">
<thead>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td>Doe</td>
<td>john@example.com</td>
</tr>
<tr>
<td>Mary</td>
<td>Moe</td>
<td>mary@example.com</td>
</tr>
</tbody>
</table><br>
<input type="button" value="Show Dialog" id="create-user"/>
<div id="dialog" title="Create new User">
<form id="form2" action="">
<label for="name">FirstName</label><br>
<input type="text" name="fname" ><br>
<label for="lastname">LastName</label><br>
<input type="text" name="lname" ><br>
<label for="email">Email</label><br>
<input type="email" name="email" ><br><br>
<button type="submit" value="Submit" id="submitDemo">Submit</button>
<button type="reset" value="Reset">Reset</button>
</form>
</div>
</form>
</body>
</html>
当对话框弹出时，我的提交按钮不起作用。我应该在jQuery上写些什么？p.s Submit在div对话框之外工作。但是如何让它在对话中发挥作用？？
别介意这个lorem ipsum的事。（Lorem ipsum dolor site amet,consectetur adipisicing elit,sed do deusmod tempor incidunt ut labore and dolore magna aliqua.ut enim ad minim veniam,quis restrudit ullamco laboris nisi ut aliquip ea commodo ator.Duis aute irure dolor in voluptate velit esse cillum dolore eu fugiatur nulla pariatur.Excepteur sunt in the culpa quiunt mollit anim id est laborum.）
共有3个答案
表单标记缺少说明，即...method=“post”action=“”
对话框中的“提交”按钮无法工作，因为您有嵌套的表单-Form2在Form1中，这是无效的。
将对话框(
及其内部的所有内容）移到Form1之外，提交按钮将导致预期的回发。附注。尽管问题的标题是这样的，但这个问题的根本原因与jQuery无关，甚至与JavaScript无关。它只是格式错误的HTML。
-
问题内容： 我有一个表格。在该表格之外，我有一个按钮。一个简单的按钮，如下所示： 但是，当我单击它时，它会提交表单。这是代码： 该按钮应该做的就是编写一些JavaScript。但是，即使看起来像上面的代码一样，它也会提交表单。当我将标签按钮更改为跨度时，它可以完美工作。但不幸的是，它必须是一个按钮。有什么办法可以阻止该按钮提交表单？像例如 问题答案： 我认为这是HTML最令人讨厌的小特性。该按钮必
-
问题内容： 我在将CSS表单的HTML表单提交按钮居中时遇到麻烦。 现在我正在使用： 这个CSS内容 而且它什么也没做。我知道我可能在做一些愚蠢的错误。我怎样才能解决这个问题？ 问题答案： 我只是将div包裹在它们周围，并使其居中对齐。那么您不需要按钮上的任何CSS即可将它们居中。
-
我试图保存表单数据到mysql数据库的最后2天，但是，表单数据没有保存到mysql数据库，而是下载用户我nfo.php代码文件到我的计算机每次我按提交按钮。需要援助！这是html表单； 这是php代码db.php； 用户Info.php
-
表单按钮一般分为三类，分别是提交按钮、重置按钮和普通按钮。提交按钮、重置按钮只能在表单中使用，普通按钮则可以在网页的任何地方使用。 从本质上讲，表单按钮也是表单控件，之所以把它分离出来，单独介绍，是因为它的功能比较特别。提交按钮用于把表单数据发送到服务器，重置按钮用于重置整个表单的数据，普通按钮则需要开发者赋予它功能。 当用户点击提交按钮和重置按钮时，就有动作发生，一般不需要添加动作；而普通按钮，
-
问题内容： 假设您以HTML表单创建向导。一键向后退，一键向前。当您按下时，由于 后退 按钮首先出现在标记中，它将使用该按钮提交表单。 例： 我想确定当用户按下时使用哪个按钮提交表单。这样，当您按下向导时，向导将移至下一页，而不是上一页。您是否必须使用此功能？ 问题答案： 我希望这有帮助。我只是在按右边的按钮。 这样，按钮位于按钮的左侧，但在HTML结构中排在第一位： 优于其他建议的好处：没有Ja
-
我有一个简单表单，有四个输入字段（联系人id，电话号码，姓名，称呼）。如果我输入'contact id'&按Enter按钮，字段的其余部分将自动填充，从DB检索。现在我想在表单中添加一个“Submit”按钮，这样就可以通过单击该按钮将这些信息保存到另一个DB表中。我已经尝试添加按钮，但自动填充功能不再起作用了。有人能帮忙吗？提前致谢：）下面是我的index.html文件：