jquery .submit () и .click () для обязательных полей ввода

Question

Я использовал .submit(), чтобы сработало свойство REQUIRED для полей ввода. Но значения, которые я передаю, не проходят, а просто пропускают пустые значения.

$('#add').submit(function() {
    $.ajax({
        type: "POST",
        url: "save.php",
        data: {
            'lastName': $('#lastName').val(),
            'firstName': $('#firstName').val(),
            'address': $('#address').val()
        },
        success: function(result) {
            alert("Succes");
        },
        error: function (jqXHR, textStatus, errorThrown) {
            alert(errorThrown);
        }
    });
});

И когда я использую .click(), значения передаются правильно, но проблема в том, что обязательное свойство для полей ввода не запускается, и поэтому пользователь может отправить форму с пустыми полями, даже если я использовал обязательное свойство.

Заранее спасибо!

Answer 1

Попробуйте поместить его в тег формы и закрыть входной тег

        <form>
          <input type = "text" class = "txtPost" placeholder = "Post a question?" required />
          <button>submit</button>
        </form>