form gönderme üzerine tıklandığında olan nasıl?bir WordPress kullanmak:

SORU

19 NİSAN 2011, Salı

form gönderme üzerine tıklandığında olan nasıl?bir WordPress kullanmak:

.submit() bir olay, form teslimi için hazırladım. Ben de bir sayfada birden fazla form, ama sadece bu örnek için. Düğmeye her biri için .click() bir olay uygulamadan tıklanma doğruyu bilmek istiyorum.

İşte kurulum:

<html>

    <head>
        <title>jQuery research: forms</title>

        <script type='text/javascript' src='../jquery-1.5.2.min.js'></script>
        <script type='text/javascript' language='javascript'>

            $(document).ready(function(){
                $('form[name="testform"]').submit( function(event){ process_form_submission(event); } );
            });

            function process_form_submission( event ) {
                event.preventDefault();
                //var target = $(event.target);
                var me = event.currentTarget;
                var data = me.data.value;
                var which_button = '?';       // <-- this is what I want to know
                alert( 'data: '   data   ', button: '   which_button );
            }

        </script>

    </head>

    <body>
        <h2>Here's my form:</h2>

        <form action='nothing' method='post' name='testform'>
            <input type='hidden' name='data' value='blahdatayadda' />
            <input type='submit' name='name1' value='value1' />
            <input type='submit' name='name2' value='value2' />
        </form>
    </body>
</html>

Live example on jsfiddle

Bir uygulamanın yanı sıra .() her düğmesini tıklatın olay, bir şekilde düğmeye tıklanma gönder belirlemek için var mı?

CEVAP

19 NİSAN 2011, Salı

Bu aynı soruyu sordum: How can I get the button that caused the submit from the form submit event?

Bu çözüm ile geliyor bitirdim ve oldukça iyi çalıştı:

$(document).ready(function() {
    $("form").submit(function() { 

    var val = $("input[type=submit][clicked=true]").val()

    // DO WORK

});

$("form input[type=submit]").click(function() {
    $("input[type=submit]", $(this).parents("form")).removeAttr("clicked");
    $(this).attr("clicked", "true");
});

Birden fazla form ile senin durumunda bu biraz oynamak gerekebilir ama hala geçerli

Bunu Paylaş: