0

I have a jQuery code that handles all validations in my page and its working perfect.

Today I try to dynamic create a form (jQuery append form) but its not working with the new form, which is correct because when the page is loaded the form was not there. So far so good.

I'm trying to modify my code to work with this new form but I'm not sure how to do it and I need some help.

Here is the code:

if($.isFunction($.fn.validate))
{
    $("form.validate").each(function(i, el)
    {
        var $this = $(el),
            opts = {
                ignore :[],
                rules: {},
                messages: {},
                errorElement: 'span',
                errorClass: 'validate-has-error',
                highlight: function (element) {
                    $(element).closest('.form-group').addClass('validate-has-error');
                },
                unhighlight: function (element) {
                    $(element).closest('.form-group').removeClass('validate-has-error');
                },
                errorPlacement: function (error, element)
                {
                    
                },
                
                
                submitHandler: function (form) { 
                     $(form).ajaxSubmit({
                        dataType:  'json',                              
                        error: function() {
                            
                                    
                        },
                        success: function(j) { 

                            if(j.success)
                            {
                                //handle success here
                            }
                            else
                            {
                                //handle error here     
                            }
                     
                                    
                        }
                    })
                 
                    return false;
            }
            
                
            }
        );
        
        $this.validate(opts);
    });
}

So for new forms I have to run the code again because I use foreach form that has class validate.

I try to use the live feature of jQuery (actually is .on() now) and I have not find how to implement yet.

Of course any other ideas or suggestions are welcome.

Thanks.

Or Assayag
  • 5,662
  • 13
  • 57
  • 93
ntan
  • 2,195
  • 7
  • 35
  • 56
  • Your issue is totally unclear. You cannot use `.live()`, `.on()`, or event delegation for this because `.validate()` is not an event. Where ever you create the new form, then immediately call `.validate()` on it. Where is the code that creates the new form? – Sparky Jan 22 '16 at 16:15
  • Also, why are you mixing Allman and 1TBS code formatting styles? Allman style, typically used with PHP, [may not be a good idea in JavaScript](http://stackoverflow.com/q/11247328/594235). At least be consistent with your styling throughout. – Sparky Jan 22 '16 at 16:21

0 Answers0