Jquery 使用通配符选择器提交表单是否使用serialize?
使用带有serialize的通配符选择器提交输入信息时遇到问题。在我的表单中,我设置了名称属性 我的问题是因为我有输入、选择和隐藏字段吗 我的代码如下:Jquery 使用通配符选择器提交表单是否使用serialize?,jquery,forms,input,Jquery,Forms,Input,使用带有serialize的通配符选择器提交输入信息时遇到问题。在我的表单中,我设置了名称属性 我的问题是因为我有输入、选择和隐藏字段吗 我的代码如下: $('[id^=editeventform_]').submit(function(){ var evtn_edit_form_id_data = $(this).attr("id"); var event_date_edit = $("#event_date_edit", this).val(); var event
$('[id^=editeventform_]').submit(function(){
var evtn_edit_form_id_data = $(this).attr("id");
var event_date_edit = $("#event_date_edit", this).val();
var event_orig_name_edit = $("#event_orig_name_edit", this).val();
var event_orig_tel_edit = $("#event_orig_tel_edit", this).val();
var event_orig_email_edit = $("#event_orig_email_edit", this).val();
if (event_title_edit == "") {
$("#event_title_edit", this).focus();
$("#event_title_edit", this).val("");
$("#event_title_edit", this).css({background:"#b72a18", color:"#fff"});
return false;
}
if (event_date_edit == "") {
$("#event_date_edit", this).focus();
$("#event_date_edit", this).val("");
$("#event_date_edit", this).css({background:"#b72a18", color:"#fff"});
return false;
}
$(this).html('<center><img src="/images/ajax-loader-cater.gif"></center>');
var dataString = $(this).serialize();
$.ajax({
type: "POST",
url: "/process.php",
data: dataString,
success: function() {
$(this).html('<p>Thank you your event has successfully been edited.</p>');
setTimeout(function() {
$(window.location).attr('href', '/members/catering-activity.php');
}, 3500);
}
});
return false;
});
$('[id^=editeventform_quo;]).submit(函数(){
var evtn_edit_form_id_data=$(this.attr(“id”);
var event_date_edit=$(“#event_date_edit”,this).val();
var event_orig_name_edit=$(“#event_orig_name_edit”,this).val();
var event_orig_tel_edit=$(“#event_orig_tel_edit”,this).val();
var event_orig_email_edit=$(“#event_orig_email_edit”,this).val();
如果(事件标题编辑==“”){
$(“事件标题编辑”,this).focus();
$(“#事件(标题)编辑”,this).val(“”);
$(“事件标题编辑”,this).css({背景:“#b72a18”,颜色:“#fff”});
返回false;
}
如果(事件\日期\编辑==“”){
$(“事件日期编辑”,this).focus();
$(“#事件(日期)编辑”,this).val(“”);
$(“事件日期编辑”,this).css({背景:“#b72a18”,颜色:“#fff”});
返回false;
}
$(this.html(“”);
var dataString=$(this.serialize();
$.ajax({
类型:“POST”,
url:“/process.php”,
数据:dataString,
成功:函数(){
$(this.html(“谢谢您,您的活动已成功编辑。”);
setTimeout(函数(){
$(window.location.attr('href','/members/catering activity.php');
}, 3500);
}
});
返回false;
});
提交表单时,警报“dataString”不返回任何信息
对于Jquery,我是一个初学者,无法找到我的代码有什么问题以及为什么它不会返回任何输入值。我做了一些测试,得出以下结论:
e.preventDefault()代码>在提交功能中,以防止浏览器重新加载页面:
$('[id^=editeventform_quo;]).submit(函数(e){
e、 预防默认值();
//…
event\u title\u edit
我希望这能有所帮助。我做了一些测试,得出以下结论:
e.preventDefault();
,以防止浏览器重新加载页面:
$('[id^=editeventform_quo;]).submit(函数(e){
e、 预防默认值();
//…
event\u title\u edit
我希望这会有所帮助。非常感谢您的建议,这也不起作用。您能否在提交ajax帖子之前发布
dataString
变量的日志。使用:console.log(dataString);
并查看firebug控制台窗口。@WayNe-控制台中出现错误(空字符串)非常感谢您的建议,这也不起作用。能否在提交ajax帖子之前发布dataString
变量的日志。使用:console.log(dataString);
并查看firebug控制台窗口。@WayNe-控制台中出现错误(空字符串)