Проверка формы бутстрапа - проверка формы с помощью события on click

Question

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

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

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

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

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

спасибо.

Answer 1

Просто приложите событие 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(); 

Answer 2

Вы можете подтвердить ваше значение поля, как вы хотите. Это всего лишь базовый код отправки формы в 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") 

    } 
    }); 

});