Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/xpath/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 使用通配符选择器提交表单是否使用serialize?_Jquery_Forms_Input - Fatal编程技术网

Jquery 使用通配符选择器提交表单是否使用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

使用带有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_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,我是一个初学者,无法找到我的代码有什么问题以及为什么它不会返回任何输入值。

我做了一些测试,得出以下结论:

  • 您没有发布html,但我猜您的输入字段缺少name属性:

  • 您需要添加
    e.preventDefault()在提交功能中,以防止浏览器重新加载页面:

    $('[id^=editeventform_quo;]).submit(函数(e){
    e、 预防默认值();
    //…

  • 据我所知,您没有定义变量
    event\u title\u edit


  • 我希望这能有所帮助。

    我做了一些测试,得出以下结论:

  • 您没有发布html,但我猜您的输入字段缺少name属性:

  • 您需要在提交函数中添加
    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-控制台中出现错误(空字符串)