使用JQuery在点击事件上提交表单

Question

我有一个执行某些操作的Form.Submit函数，我想在按钮单击事件上调用此函数。

我的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函数。

需要帮助

Answer 1

只需触发提交表单：

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

---

我认为，如果您只是简单地将.click函数的内部内容放入.click那么它应该可以工作，因为您这样做就是所谓的表单劫持

Answer 2

假设表单操作具有适当的操作，则简单的on()和submit()应该可以工作：

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