Question

i want to list all form elements with their properties with jquery , i write this code , it works for element index 0 in form , but for other elements page will refresh and … !
here is my code :

$(document).ready(function(){
   $("form#registerForm").submit(function(){
        var allInputs = $("form#registerForm :input");
        $.each(allInputs, function(index, field) { 
            $("#res").append(index + " :: " + field + "<br />");
            $.each(field, function(pIndex, pValue) { 
                $("#res").append(pIndex + " :: " + pValue + "<br />");
            });
        });
    return false;
    });
});

thanks for your help 🙂

Answer 1

It is very likely that an error occurs in your method, causing the return false statement to never be reached.

To avoid such problems, use event.preventDefault() at the beginning of your submit handler.

$(document).ready(function(){
   $("form#registerForm").submit(function(event){
        event.preventDefault();
        $(this).find(":input").each(function(index, field) { 
            $("#res").append(index + " :: " + field + "<br />");
            // What do you expect below..?
            $.each(field, function(pIndex, pValue) { 
                $("#res").append(pIndex + " :: " + pValue + "<br />");
            });
        });
        return false;
    });
});