我有一些 JS 脚本可以验证我的表单。它在处理时显示“已发送”或“正在加载”等信息。我想再添加一项功能。我想阻止用户发送带有空白字段的电子邮件。我应该在下面的代码中添加什么来实现此目的?
$(function() {
var form = $('#form');
var submit = $('#submit');
form.on('submit', function(e) {
e.preventDefault();
$.ajax({
url: '',
type: 'POST',
dataType: 'html',
data: form.serialize(),
beforeSend: function() {
document.getElementById("submit").value = "Loading...";
},
success: function() {
form.trigger('reset');
document.getElementById("submit").value = "Message sent!";
},
});
});
});
最佳答案
您可以在不能为空的字段上使用 HTML 属性 required
<input type="text" required/>
和/或
在提交之前进行一些 JavaScript 检查
$(function() {
var form = $('#form');
var submit = $('#submit');
form.on('submit', function(e) {
e.preventDefault();
if($('input', this).val().trim() == ''){
//handle error message
}
else{
$.ajax({
url: '',
type: 'POST',
dataType: 'html',
data: form.serialize(),
beforeSend: function() {
document.getElementById("submit").value = "Loading...";
},
success: function() {
form.trigger('reset');
document.getElementById("submit").value = "Message sent!";
},
});
}
});
});
和/或
您进行服务器端检查以确保该值不为空 在 PHP 中:
if(empty($_POST['input_name'])){
//handle error
}
关于javascript - 使用 AJAX 进行表单验证 - 防止空白字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29131606/