Question

$('test_div').addEvent('click', function() {
        formElement = $$('.field_search_criteria')[0]; // get it from <form class="field_search_criteria" id="field_search">

        // On search
        formElement.addEvent('submit', function(event) {
            event.stop();

        alert(formElement.toQueryString())
        });
    });

anybody can help me to convert the above mootools function to Jquery. What is the alternate Jquery of addEvent in Mootools

Thanks in advance 🙂

Answer 1

You could use on()

//When i click on the element with id = test_div (substitue # with . if you are talking about a class)
$('#test_div').on('click', function() {
    //select the form with id = field_search
    formElement = $('#field_search'); // get it from <form class="field_search_criteria" id="field_search">

    // On Submit
    formElement.on('submit', function(event) {
        //prevent default action
        event.preventDefault();
        //alert  serialized data
        alert(formElement.serialize())
    });
});