这是我的表格
<form method="post" accept-charset="utf-8" id="ProductReg">
<div class="card-body">
<div class="row">
<div class="col-lg-4">
<div class="sub-title">Name of Product</div>
<div><input type="text" name="ProductName" class="form- control" placeholder="This field is required" required>
</div>
</div>
<div><input type="button" class="btn btn-primary btn-block" name="submit" Value="Register" data-toggle="modal" data-target="#modalPrimary"></div>
</div>
</div>
</form>
这是当我单击上面的输入按钮时触发的模式
<div class="modal fade modal-primary" id="modalPrimary" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Product Registration</h4>
</div>
<div class="modal-body">
Do You Really Want To Register This Product????
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">No</button>
<button type="button" id="SumitTheForm" class="btn btn-primary">Yes</button>
</div>
</div>
</div>
当我单击模态框的“否”按钮时,它会取消,但我想要的是在单击模态框的"is"按钮时提交表格 我尝试使用 jquery 但没有成功
$('#SumitTheForm').click(function() {
$('#ProductReg').submit();
});
注意:我将模式放在文档的末尾,甚至在脚本链接之后(我认为这是正确的位置,如果没有请告诉我)
最佳答案
根据我的评论。尝试将 jQuery 代码包装在文档就绪函数中。这可以确保在尝试将事件处理程序绑定(bind)到元素之前等待 DOM 加载。不这样做可能会导致问题,因为如果 javascript 尝试将事件绑定(bind)到元素存在之前,它将无法工作。
$(function () {
$("#SubmitTheForm").on("click", function () {
$("#ProductReg").submit();
});
});
关于Jquery 不提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35510466/