Question

我有这个jquery函数：

function post_form(form_id) {
    $( form_id ).submit(function(e) {
        CheckRequired(e);
        var postData = $(this).serializeArray();
        var formURL = $(this).attr("action");
        LoadModalBody('<h2 align="center">Loading...</h3><p align="center"><i class="fa fa-refresh fa-spin fa-5x"></i></p>', 'Loading');
        $.ajax({
            url : '/section' + formURL,
            type: "POST",
            data : postData,
            success:function(data, textStatus, jqXHR) {
                LoadModal('/section' + formURL, 'Mileage');

                //$("body").html(data);
                //data: return data from server
            },
            error: function(jqXHR, textStatus, errorThrown) {
                //if fails
            }
        });
        e.preventDefault(); //STOP default action
        e.unbind(); //unbind. to stop multiple form submit.
    });
}

我想在HTML表单提交按钮

中调用它

我知道我可以使用onClick="post_form();但是如何将表单ID放入调用中，我认为使用this将是提交按钮而不是表单？

Answer 1

这个想法：

$('#form-id').submit(function(e){
  // code for validate or ither staff
});

只需删除示例中的第一行和最后一行代码。

Answer 2

通常，您将此代码放在页面顶部，并将其直接归类为：

<!DOCTYPE html>
<html>
<head>
<script src="jquery.min.js"></script>
<script>
$(function(){
    $('#my-form').submit(function(e) {
        ...
    });
});
</script>
</head>
<body>
    <form id="my-form">
        ...
        <input type="submit" value="Click me to submit form" />
    </form>
</body>
</html>

在表单提交按钮中调用jquery函数

2 个答案: