【问题标题】:call a function when submit form [closed]提交表单时调用函数[关闭]
【发布时间】:2014-07-13 10:37:36
【问题描述】:

我试图在提交表单时调用一个函数,该函数显示适用于所有带有 div "#js_ajax_form" 的表单。 (javascript代码在chrome控制台中工作 // html代码

     <form method="post" id="js_ajax_form" data-type="user.registration" action="signup">


                        <input type="text" name="val[first_name]" id="first_name" placeholder="First Name" value="" size="30">


                        <input type="text" name="val[last_name]" id="last_name" placeholder="Last Name" value="" size="30">




                    <input type="submit" value="Sign Up" class="button_register" id="js_registration_submit">

        </form>

// javascript

    var $Core = {};
    function getParam(sParam)
    {
    return oParams[sParam];
    }


    $Core.form = function()
    {
    $("#js_ajax_form").submit(function(e)
    {
        var postData = $(this).serializeArray();

        alert(postData);

        e.preventDefault(); //STOP default action
        e.unbind(); //unbind. to stop multiple form submit.
    }); 


    }

【问题讨论】:

  • all forms with div "#js_ajax_form"
  • 如果 divid js_ajax_form,那么问题是div 元素没有submit 事件。如果没有看到 HTML,很难说出您的问题是什么。
  • @user3053207:adeno 的观点是,您不能在文档中的多个元素上使用相同的 idid 的全部意义在于它是独一无二的
  • 我已经更新了 html 代码
  • @costapombo 我在该代码中看不到任何 div...

标签: javascript jquery forms input submit


【解决方案1】:

只要你使用 jQuery,下面的代码应该可以工作:

$("#myform").submit(function() {
   myFunction();
   // the form will continue on submission
});

【讨论】:

    猜你喜欢
    • 2015-06-24
    • 1970-01-01
    • 1970-01-01
    • 2021-05-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多