gpt4 book ai didi

javascript - ajax后提交html表单

转载 作者:行者123 更新时间:2023-11-30 14:56:51 25 4
gpt4 key购买 nike

尝试在提交表单之前使用 Jquery Get 方法进行一些数据库验证。但是我得到了错误

Uncaught TypeError: form.submit is not a function

得到逻辑形式here

下面的简化代码(但错误仍然存​​在......)

<html>
<body>
<div id="insertCertificateForm">
<form action="/Certificates/Insert" method="post">
<div>
<label>Charge</label>
<input name="Charge" id="Charge" />
</div>
<input type="submit" value="Insert" class="btn btn-default" />
</form>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$('#insertCertificateForm').submit(function (e) {
e.preventDefault();
var form = this;

var Charge = $('#Charge').val();

$.get("/Certificates/CheckIfChargeIsUnique", { Charge: Charge }, function (data) {
if (data) {
form.submit();
}
else {
return false;
}
});
});</script>
</body>
</html>

最佳答案

因为点击按钮后 this 将意味着 当前按钮

insertCertificateForm 从来都不是表单...它是 Div

最好是用 ID #myForm

绑定(bind)表单
<html>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<body>
<div id="insertCertificateForm">
<form id="Myform" action="/Certificates/Insert" method="post">
<div>
<label>Charge</label>
<input name="Charge" id="Charge" />
</div>
<input type="submit" value="Insert" class="btn btn-default" />
</form>
</div>

<script>
$('#insertCertificateForm').submit(function (e) {
e.preventDefault();
var form = $("#Myform");

var Charge = $('#Charge').val();

$.get("/Certificates/CheckIfChargeIsUnique", { Charge: Charge }, function (data) {
if (data) {
form.submit();
} else {
return false;
}
});
});
</script>
</body>
</html>

同时将你的脚本加载到头部

关于javascript - ajax后提交html表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47120971/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com