Форма BootstrapValidator отправить не работает

У меня есть форма с 2 кнопками. Одна кнопка отправляет форму в формате AJAX, а другая кнопка отправляет форму в обычном режиме.

$('#form_createAd').bootstrapValidator({
    submitHandler: function(validator, form, submitButton) {
        if (submitButton.attr('value') == "cart"){
            submit_cartDetails(); //This function submits details thru ajax post
        } else {
            form.submit(); // Also Tried $('#form_createAd').submit()
        }
    }, fields: {
        title: {
            message: 'The username is not valid',
            validators: {
                notEmpty: {
                    message: 'The username is required and can\'t be empty'
                },
                stringLength: {
                    min: 6,
                    max: 30,
                    message: 'The username must be more than 6 and less than 30 characters long'
                },
                regexp: {
                    regexp: /^[a-zA-Z0-9_\.]+$/,
                    message: 'The username can only consist of alphabetical, number, dot and underscore'
                }
            }
        }
    }
});

Это HTML часть кнопок внутри раздела формы

<button  id="cart" value="cart" class="btn btn-primary" >Add To Cart</button>             
<button type="submit" name="submit" value="proceed" class="btn btn-success">Proceed</button>

Форма не отправляется. Что я сделал не так?

2 ответа

Я создатель плагина BootstrapValidator.

Проблема вызвана использованием submit назвать кнопку отправки. изменения name="submit" чтобы что-то еще решило проблему.

Смотрите предупреждение

Это может быть несколько вещей:

  • идентификатор формы соответствует html и js
  • submitHandler на самом деле работает?
  • библиотека даже загружена?

Это только в верхней части моей головы. Скрипка может помочь.

Другие вопросы по тегам