HTML表格在ajax后提交
[英]Html form submit after ajax
問題描述
提交表單之前，嘗試使用Jquery Get方法進行一些數據庫驗證。 但是我得到了錯誤
未捕獲的TypeError：form.submit不是函數
在這里得到了邏輯形式
下面的簡化代碼（但錯誤仍然存在...）
<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>
3 個解決方案
解決方案1
2 2017-11-05 11:24:24
因為單擊按鈕后， 這意味着當前按鈕和
總之，insertCertificateForm從來都不是表單...它是Div
最好是將表單與ID #myForm綁定
<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>
並將您的腳本加載到頭部
解決方案2
0 已采納 2017-11-05 11:29:36
您的選擇器是錯誤的$('#insertCertificateForm') ，如果您要這樣做，則需要將此ID添加到表單<form id="insertCertificateForm"否則請按照這種方式進行操作，
$('form').submit(function (e) {
e.preventDefault();
var Charge = $('#Charge').val();
$.get("/Certificates/CheckIfChargeIsUnique", { Charge: Charge }, function (data) {
if (data) {
$(this).submit();
} else {
return false;
}
});
});
解決方案3
0 2017-11-05 11:32:06
這是因為在聲明表單變量時，您調用的是this函數，而不是$(this) 。 您可以將其聲明為$(this)或使用$(form)提交表單。
HTML 表單在 AJAX 提交后重置
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.