Php 输入字段在之后为空。提交jquery语句
我试图在“表单”中使用ajax调用发送数据。提交调用,但表单的所有输入都是空的,而我并不打算这样做。我认为这可能与$document.ready语句位于不正确的位置有关,无法正常工作,但我无法使其工作Php 输入字段在之后为空。提交jquery语句,php,jquery,html,ajax,input,Php,Jquery,Html,Ajax,Input,我试图在“表单”中使用ajax调用发送数据。提交调用,但表单的所有输入都是空的,而我并不打算这样做。我认为这可能与$document.ready语句位于不正确的位置有关,无法正常工作,但我无法使其工作 <script> (function($){ $(document).ready( function() { $("#success").hide(); $("#inval_email").hide(); $("#text_
<script>
(function($){
$(document).ready( function() {
$("#success").hide();
$("#inval_email").hide();
$("#text_selection").on("change", function() {
var id = $("#text_selection option:selected").attr("value");
$("#inv_text").html($("#"+id).html());
});
$("#invitation_form").submit(function(e){
var email = $('#email').val();
var first_name = $('#first_name').val();
var last_name = $('#last_name').val();
var message_title = $('#message_title').val();
var article_title = $('#article_title').val();
var reference_location = $('#reference').val();
var inv_text = $('#inv_text').html();
var request;
alert(first_name);
e.preventDefault();
request = $.ajax({
type: 'POST',
url: BASE_URL+"wp-content/themes/Flatter/ajax/send_invite.php",
dataType: "text",
data: { first_name: first_name, last_name: last_name, email: email, message_title: message_title, article_title: article_title, reference_location: reference_location, inv_text: inv_text },
success: function(data){
console.log(data)
if(data=="true"){
$("#invitation").hide();
$("#success").show();
}
if(data=="false"){
$("#inval_email").show();
}
}
});
});
});
})(jQuery);
</script>
<div class="col-md-4">
<div id="success" hidden><br><br>Invitation sent successfully!</div>
<div id="invitation">
<br><br><br></br><h1>Invitation Form</h1>
<form id = "invitation_form">
First Name:<input id="first_name" type="text" name="first_name" required>
Last Name:<input id="last_name" type="text" name="last_name" required>
Email Address:<input id="email" type="text" name="email" required>
Message Title:<input id="message_title" type="text" name="message_title" required>
Article Title:<input id="article_title" type="text" name="article_title" required>
Reference Location:<input id="reference" type="text" name="reference" required>
Message:<textarea id="inv_text" style="resize: none" rows="10" placeholder="Select invitation type..." readonly required></textarea>
Invitation Type:
<select id="text_selection">
<option value="empty_field"></option>
<option value="community_inv_text">Community Invitation</option>
<option value="content_submission_inv" >Content Submission Invitation</option>
<option value="individual_inv">Individual Invitation</option>
<option value="content_submission_and_individual_inv">Content Submission and Individual Invitation</option>
<option value="contributor_content_submission_inv">Contributor Content Submission Invitation</option>
</select>
<input id="submit_inv" type="submit" value="Invite">
</form>
我将非常感谢在这件事上给予一些帮助。这段代码的目的是从用户那里收集信息,并将数据发送到另一个文件,以便对其进行处理。提前谢谢你的帮助。我想出来了。有一个CSS文件正在修改与我在文件中使用的名称相同的元素,即名字、姓氏、电子邮件等 尚未为表单标记指定操作属性。它应该提交到同一个页面吗?不,在脚本部分有一个ajax调用,其URL应该重定向到。我明白你的意思,但它在提交函数中,应该在调用提交之前设置。应该设置什么?action属性?实际上,进一步阅读后,您似乎没有对表单本身做任何错误。我的印象是表单在提交之前应该设置一个动作值。很抱歉。如果您对此答案感到满意,您可能希望将其标记为您已接受的答案,以便其他人可以看到。它表示我必须等待24小时才能接受我的答案。我一定会这样做的。