javascript - 在多个表单中使用 jQuery validate 插件发布无需重新加载页面的表单

Question

一个前端页面包含多个具有相同类名的表单，因为我希望表中的每一行都是一个表单，用户可以提交该行。在 validate 之后，可以删除该行。所有的事情都是用 javascript 完成的。

但是，它不起作用。有没有相同任务的替代品？谢谢大家。

<table width="800">
    <tbody>
    <form class=myform id=form_13 action="back_end.php"><tr id="13" ~~~~~></from>
    <form ...><tr id="21" ~~~~></form>
    </tbody>
    </table>


    (function ($) { 
    $(document).ready(function(){

    $('.myform').each(function(){

    sn = $(this).attr("sn");

    var $form_obj = $(this);

    $form_obj.validate({

    debug: false, // submit the form

    rules: {
    bill_sn: {
    required: true,         
    }               
    }, // rules ends

    messages: {
    bill_sn:"請輸入匯款序號",              
    },

    submitHandler: function(form) {

    $.post('admin_order_validate.php', $form_obj.serialize(), function(data) {

    $("#results").html(data);                   
    $("#div_"+sn).remove();
    console.log("remove div_"+sn);
    console.log("sn:"+sn);
    console.log("data"+data);
    })
    .error(function() { alert("error"); });


    return false; // stop going to the action page
    }       


    });//validate ends

    });
    }); // $(document ready)
    })(jQuery);