Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/bash/15.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在单击事件时提交表单_Jquery_Ajax - Fatal编程技术网

使用JQuery在单击事件时提交表单

使用JQuery在单击事件时提交表单,jquery,ajax,Jquery,Ajax,我有一个Form.Submit函数,它做了一些事情,我想在按钮点击事件中调用这个函数 我的表单提交功能是: $('#myForm').submit(function() { // get all the inputs into an array. var $inputs = $('#myForm :input'); // get an associative array of objects. var values = {};

我有一个Form.Submit函数,它做了一些事情,我想在按钮点击事件中调用这个函数

我的表单提交功能是:

$('#myForm').submit(function() {

        // get all the inputs into an array.
        var $inputs = $('#myForm :input');

        // get an associative array of objects.
        var values = {};

        $inputs.each(function() {
            values[this.name] = $(this).val();
        });

        // Process Dates from form data Format Should be 2016-01-01T16:51:57.000+0000

        StartDate = values.datastartdate + "T" + values.datastarttime + ".000+0000";
        EndDate = values.dataenddate + "T" + values.dataendtime + ".000+0000";

        // Data to Submit
        var formData = {
            'db': values.db,
            'Start': StartDate.toString(),
            'End': EndDate.toString()
        };


        //Use Ajax to submit the form data
        $.ajax({
            url: "http://localhost:3000/api/v1/imagelist_data/",
            type: 'POST',
            data: formData,
            success: function(result) {
                // ... Process the result ...
                //alert(formData.db + formData.Start + formData.End);
                alert(result);
                Newvalues = result;
            }

        });

        //$('#example').empty();
        table.ajax.reload( function ( json ) {
           Newvalues = json;
        });
});
我的按钮点击功能:

$('#onebutton').click(function(){
        alert("The paragraph was clicked.");
    });
当我将Submit.Form函数粘贴到.click函数中时,它不会触发Submit.Form函数


需要帮助

只需触发表单提交:

$('#onebutton').click(function () {
    $('#myForm').trigger('submit');
});

我认为,如果您只是简单地将submit函数的内部内容放到
中。单击
应该可以工作,因为您执行所谓的表单劫持假设表单操作具有适当的操作,那么一个简单的
on()
submit()
应该可以工作:

$('#onebutton').on("click",function(e){
    alert("The paragraph was clicked.");
    //$('#myForm').submit();
 });

非常感谢。它成功了……)