Только отправьте форму AJAX, если переменная верна

Question

$(function() { 
    $('#submit').submit(function() { 

    var isValid = document.getElementById("form-setting").checkValidity(); 

    var data = {}; 
    data.id = $("#id").val(); 
    data.title = $("#title").val(); 
    data.content = $("#content").val(); 
    data.author = $("#author").val(); 
    data.email = $("#email").val(); 

    if (isValid) { 

    $.ajax({ 
     type: 'POST', 
     data: JSON.stringify(data), 
     contentType: 'application/json', 
     url: '/admin/setting', 
     success: function (data) { 
     console.log('success'); 
     console.log(JSON.stringify(data)); 
     } 
    }); 
    } 
    }); 
}); 

Итак, у меня есть приведенный выше код, где я получу все значение поля, которое заполняет пользователь, и только отправьте объект на сервер node.js, если все заполняется и проверяется.

Проблема в том, что если у меня есть isValid, то на сервер ничего не отправляется.

Фактически, в этом нет никаких действий. if заявление вообще, потому что я попробовал поставить alert там, и ничего не отображается вообще.

Answer 1

Попытка предотвратить поведение по умолчанию представить обработчик вашей формы:

$(function() { 
    $('#submit').submit(function (e) { 

     var isValid = document.getElementById("form-setting").checkValidity(); 
     alert(isValid); //<<< ALERT HERE 
     var data = {}; 
     data.id = $("#id").val(); 
     data.title = $("#title").val(); 
     data.content = $("#content").val(); 
     data.author = $("#author").val(); 
     data.email = $("#email").val(); 

     if (isValid) { 
      alert('PASS'); //<<< ALERT HERE 
      $.ajax({ 
       context: this, //use for success callback 
       type: 'POST', 
       data: JSON.stringify(data), 
       contentType: 'application/json', 
       url: '/admin/setting', 
       success: function (data) { 
        console.log('success'); 
        console.log(JSON.stringify(data)); 
        //this.submit(); //uncomment this line if you want to submit form 
       } 
      }); 
     } 
     e.preventDefault(); 
    }); 

});

Answer 2

if (isValid) { 
    // send your ajax call 
    return false; // plus don't want your form being submited since you allready submited it through ajax 
} 
else{ 
    return false; // since you want to prevent the submission 
} 

Но лучшим вариантом было бы не использовать форму на всех, и добавить слушателя на простой кнопки