jquery.js:893 Uncaught RangeError: Maximum call stack size exceeded

Question

I have this problem with the following code:

$(document).on('click','#add_free_ticket',function(e){
    e.preventDefault();
    $("#tab_logic").append('<tr id="free_event_clone"><td class="form-group"><input type="text" name="free_ticket_name[]" class="form-control"></div></td><td class="form-group"><input type="text" name="free_ticket_avail[]" class="form-control"></td><td class="form-group"><select class="form-control" name="free_ticket_avail_to[]"><option value="0" selected>All</option><option value="1">Members Only</option></select></td><td class="form-group"><input type="text" name="free_ticket_frm_date[]" class="form-control datetimepicker1"></td><td class="form-group"><input type="text" name="free_ticket_to_date[]"  id="tmp2" class="form-control datetimepicker2"></td><td class="form-group"><input type="text" name="free_ticket_per_guest[]" value="1" class="form-control"></td><td><button class="del_free_ticket  btn btn-danger btn-sm">X</button></td></tr>');
}

You should not add an on() on document , take the frist element in the body for that. — JustOnUnderMillions
– JustOnUnderMillions, Commented Sep 2, 2016 at 14:48
Hi, JustOnUnderMillions things are working fine only creating problem with bootstrap datetimepicker, when choose date and time browser is getting hanged — yousuf patel
– yousuf patel, Commented Sep 2, 2016 at 14:54

flob · Accepted Answer · 2016-10-04 11:53:16Z

2

Guys i got the solution for my question , after spending 3 days

Problem was with the fromvalidation io for dynamic added fields

on('success.field.fv', function (e, data) {
 if(data.field === 'postal_code' && !data.fv.isValidField('postal_code')) {
  data.fv.revalidateField('postal_code');
}

above code was creating problem for Maximum call stack size exceeded for this problem i have written the below code

callback: {
  message: 'Start Date and End Date can not be equal',
  callback: function (value, validator, $field) {
    var startTime = validator.getFieldElements('event_start_date').val();
    var endTime = validator.getFieldElements('event_end_date').val();
    if (startTime === endTime) {
      // The start time is also valid
      // So, we need to update its status
      validator.updateStatus('startTime', validator.STATUS_VALID, 'callback');
      return false;
    }
    return true;
  }
}

Thanks for the help :)

edited Oct 4, 2016 at 11:53

flob

3,9182 gold badges38 silver badges58 bronze badges

answered Oct 4, 2016 at 11:04

yousuf patel

969 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

yousuf patel Over a year ago

Petter , you are right .. next time when i add anything i will consider it

Collectives™ on Stack Overflow

jquery.js:893 Uncaught RangeError: Maximum call stack size exceeded

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related