Question

我有一个表单，我试图实现tinuy jquery ajax代码吧。但问题是我使用preventDefault（）来停止自动提交表单。即使我想要它，现在我也无法提交。

//after user clicks submit buttons
    $('.submit').click(function(event){
        data =  {
                    country: $('.country').val(),
                    tel_country_code: $('.country_code').val(),
                    tel_no: $('.tel_no').val()
                }

        $.ajax({
            type: 'POST',
            url: "<?php echo site_url('listings/does_business_exists');?>",
            data: data,
            dataType: "json",
            success: function(json_data){
                    if(json_data.result == false){
                        $('.error-position').html(json_data.errors);
                        $('.error-position').show();
                    }
                    else{
                        return true;
//i want form to submit here

                    }

            }

        });

        event.preventDefault();
    })

任何建议朋友??

Answer 1

只需填写表单并提交

即可

document.forms["formName"].submit();

Answer 2

$('.submit').click(function(event){
    var $this = $(this);

    data =  {
                country: $('.country').val(),
                tel_country_code: $('.country_code').val(),
                tel_no: $('.tel_no').val()
            }

    $.ajax({
        type: 'POST',
        url: "<?php echo site_url('listings/does_business_exists');?>",
        data: data,
        dataType: "json",
        success: function(json_data){
                if(json_data.result == false){
                    $('.error-position').html(json_data.errors);
                    $('.error-position').show();
                }
                else{
                    $this.parents('form:first').trigger('submit');
                }

        }

    });

    return false;
})

Answer 3

像这样添加，遍历文档，获取表单对象，然后在其上调用submit方法。点击此链接Document.forms

var obj= document.forms["yourForm"];
    obj.submit();

Answer 4

删除event.preventDefault();并尝试：

<form onsubmit = "return false;"> ... </form>

如何在使用preventDefault（）时提交表单？

4 个答案: