How to use browser default validation when using JS

[Muiter]

Any suggestions please ow to change the code below because I would like yo use the standard browser validation.

Quote

<script type="text/javascript">
$(document).ready(function () {
    $(".edit_table_1").on('click', function() {
        formid=($(this).attr("alt"));
        subform_edit_table_1(formid);
    });
});
function subform_edit_table_1(formid)
{
       var postData = $("#edit_table_1"+formid).serializeArray();
       var formURL='includes/adres_edit_proces.php';
        $.ajax({
            url: formURL,
            type: "POST",
            data: postData,
            success: function(data, textStatus, jqXHR) {
                $('#modal_edit_table_1'+formid+' .modal-body').html(data);
                $("#submit_edit_table_1"+formid).remove();
                $("#submit_edit_table_1_2nd"+formid).remove();
            },
            error: function(jqXHR, status, error) {
                console.log(status + ": " + error);
            }
        });
        e.preventDefault();
}
</script>

 

Quote

<button type="button" class="btn btn-info edit_table_1" id="submit_edit_table_1'.$i.'" alt="'.$i.'">Bewerk</button>

 

[Ingolme]

The browser will do validation if you use the <form> element's submit event. Do not use the click event.

[Muiter]

15 hours ago, Ingolme said:

The browser will do validation if you use the <form> element's submit event. Do not use the click event.

Can you please explain this? I am not that familiar with JS.

[Ingolme]

You probably should go through the Javascript tutorial and become familiar with it. If there's still something you need help with after that then you can ask about it here.