我正在学习网页编程,我正在使用 Metro 4 UI。通过 Metro4 验证后,我正在尝试使用 jquery ajax 提交表单数据。通常,我的表单在验证后提交,但是当我尝试使用 jquery ajax 提交所述表单时,表单提交的数据存在数据验证错误。请帮助解决同样的问题。这是我的 HTML 代码。
$(document).ready(function(){
$('#submt').on('click', function(){
//event.preventDefault(); //prevent default action
var form = $('#semi');
$.ajax({
url: 'marks.inc.php',
data: form.serialize(),
method: 'POST',
beforeSend: function(){
$("#loading-gif").show();
},
success: function(response) {
Metro.dialog.create({
title: "Response on Form submit.",
content: "<div>"+response+"</div>"
});
},
complete: function(){
$("#semi input[type=text]").val('');
$("#semi input[type=checkbox]").prop("checked", false);
$('#loading-gif').hide();
}
});
//return false;
});
});
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="https://cdn.metroui.org.ua/v4/css/metro-all.min.css">
</head>
<body>
<form id="semi" name="semi" class="mt-2" data-role="validator" data-clear-invalid="5000" method="POST" action="javascript:" enctype="multipart/form-data">
<div class="row">
<div class="cell-md-4">
<div class="form-group">
<label>English</label>
<input data-validate="required pattern=(^([0-9]|[1-4][0-9]|[5][0]|[0-9]\.[0-9]{2}|[0-9]\.[0-9]{1}|[1-4][0-9]\.[0-9]{2}|[1-4][0-9]\.[0-9]{1}|[5][0]\.[0]{2})$)" type="text" id="ntwsys_th" name="ntwsys_th" data-role="input">
<span class='invalid_feedback temps'>
Accepts 0 to 50.00 only
</span>
</div>
</div>
</div>
<br />
<div class="row">
<div class="cell-md-4">
<button class="button primary" id="submt">Submit</button>
</div>
</div>
</form>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdn.metroui.org.ua/v4/js/metro.min.js"></script>
</body>
请帮我解决这个问题。