我正在使用 Jquery 和 Ajax 将包含文本输入
和文件输入
的表单提交到 php 页面,但在提交之前,我想验证提交之前输入的文本。
下面是表单页面
<form id="registrationForm" method="POST" name="registrationForm" enctype="multipart/form-data">
<input type="text" name="firstName" id="firstName" />
<input type="file" name="file" id="file" />
<button type="submit"> UPLOAD</button>
</form>
和 Javascript 页面
$('#registrationForm').validate({
rules: {
firstName:{
required: true
}
},
message:{
firstName: {
required: "Please Enter Name"
}
},
submitHandler : function(){
//grab all form data
var formData = new FormData(this);
$.ajax({
url: 'submitPage.php',
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function(data) {
$('#message').html(data);
$('#message').html(data).hide().fadeIn(1500,function(){$('#message')});
}
});
}
});
PHP 页面是接收页面
<?php
$firstName=$_POST['firstName'];
$file=$_FILES['file']['name'];
echo $firstName;
echo $file;
?>
这在 php 接收页面上返回 null。我真的希望有人能帮助我。谢谢。
最佳答案
$('#registrationForm').validate({
rules: {
firstName:{
required: true
}
},
message:{
firstName: {
required: "Please Enter Name"
}
},
submitHandler : function(){
//grab all form data
var formData = new FormData(document.querySelector("form"));
$.ajax({
url: 'submitPage.php',
type: 'POST',
data: formData,
async: false,
cache: false,
contentType: false,
processData: false,
success: function(data) {
$('#message').html(data);
$('#message').html(data).hide().fadeIn(1500,function(){$('#message')});
}
});
}
});
关于javascript - 提交包含文本输入和文件输入的表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40058667/