AJAX表单验证-防止空白字段
Form validation with AJAX - preventing from blank fields
我在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验证空白图像不插入
- 删除整个页面上所有输入字段前后的空白
- 如何创建具有空白选项和未筛选状态的动态选择字段
- 在使用PHP和Javascript提交表单时无法检查空白选择字段
- 电子邮件字段在以角度分配空白对象时未重置
- 使用按钮使用文本框中的值更新数据库字段,它显示一个空白值
- 在Angular post请求之前删除字段中的空白
- 空白字段跟踪
- Redux表单:提交空白字段导致错误
- Redux:表单输入字段保持空白
- 字段显示为浏览器自动填充,使用js访问时为空白
- 消除输入字段中的空白
- 如何使用纯javascript防止输入字段中出现空白
- 如何检测文本框字段的空白空间
- 获取一个空白输入字段的ID
- 空白页后,按下提交按钮,所有字段填满
- 表单提交字段为空白.使用Javascript隐藏和显示字段
- 使用angular js自动滚动到第一个空白必填字段