使用多个表单中的jQuery validate插件发布没有重新加载页面的表单

时间:2012-08-10 01:57:31

标签: javascript jquery html-form jquery-validate

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

但是,它不起作用。 是否有任何替代相同的任务? 谢谢大家。

enter image description here

enter image description here

<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);

0 个答案:

没有答案