Проверка формы Bootstrap — проверка формы с использованием события щелчка

Я использую проверку формы начальной загрузки и хочу проверить свою форму с помощью кнопки, которая не находится внутри тегов формы.

Причины, по которым я хочу это сделать:

  1. Я не хочу перенаправлять пользователя на другую страницу или перезагружать текущую страницу после отправки формы.

  2. Я хочу вызвать вызов ajax, который регистрирует пользователя и возвращает ответ (сбой/успех).

Как я могу вызвать механизм проверки формы и получить значение true или false, чтобы узнать, могу ли я перенаправить вызов ajax.

Спасибо.


javascript html jquery ajax twitter-bootstrap
person guy    schedule 06.08.2015    source источник
comment
Хочу, не хочу, но где твой код   -  person Meenesh Jain    schedule 06.08.2015

Ответы (2)


arrow_upward
1
arrow_downward

Просто прикрепите событие клика jquery к кнопке вне тегов формы, а внутри этой функции сделайте что-то вроде:

//1) Submit Form using Form's ID
$("#testForm").submit();

//2 Submit Form using Form's Name
$("form[name='myForm']").submit();

//3 Submit Form using Form's Index.
$("form:first").submit();
person rtn    schedule 06.08.2015
comment
Это работает. как я могу получить значение (true/false), если проверка формы прошла или не прошла? Я попробовал var form_check = $(#testForm).submit(); , но я получаю объект, а не логическую переменную - person guy; 06.08.2015
comment
Bootstrap — это CSS-фреймворк, в котором нет никакой логики для взаимодействия с серверной частью или ответами JavaScript. Просто вызовите некоторую пользовательскую функцию в методе успеха вашего вызова ajax и добавьте классы начальной загрузки, используя jquery addClass(). Вот все классы: getbootstrap.com/css/#forms-control-validation - person rtn; 07.08.2015
comment
Спасибо, я решил это с помощью кода jquery: var check_fields = 0; $(#RegForm .form-group).each(function(i, value) { if( $(value).attr('class') == form-group has-feedback has-error){ check_fields = 1; } }); - person guy; 09.08.2015

arrow_upward
0
arrow_downward

Вы можете проверить значение поля по своему усмотрению. Это просто базовый код отправки формы в jquery.

 $("#yourformid" ).submit(function( event ) {
    var field1 = $('#field1').val();
    var field2 = $('#field2').val();

    var information = {
            'field1' : field1,
            'field2':field2,
    };
    var data = JSON.stringify(information);
    event.preventDefault();

    $.ajax({
    type: "POST",
    data: {value:data},
    url: "YOUR_URL",
    success: function(data) {
        if(data="sucess"){
        console.log(data)
        } else {
        console.log("Mission failed")

     }
    });

});
person Bugfixer    schedule 06.08.2015