Jquery Post ile HTML required Attribute Kullanma
<form id="add" action="" onsubmit="return false;">
<input type="text" name="add" required>
<button type="submit" name="submit" onclick="add('#add')" value="1">Ekle</button>
</form>
function add(formId){
var data = $(formId).serialize();
$.post("add.php", data, function (response) {
if (response.error){
swal("!", response.error, "error");
} else {
swal("Tebrikler", response.success, "success");
}
}, "json");
}
Evet Bu şekilde post ediyorum boş alanları vs. php tarafında kontrol ediyorum. Ama php tarafında kontrol etmeden önce html'in required özelliğini kullanarak post etmeden önce html tarafında kontrol etsin istiyorum. Malesef istediğim şekilde çalışmayıp direkt fonksiyonu çalıştırıyor.
required özelliğini kullanabilmem için kodumu ne şekilde düzenlemem gerekir?
<form id="add">
<input type="text" name="add" required>
<button type="submit">Ekle</button>
</form>
$("#add").on("submit", function(e) {
e.preventDefault()
$.post("add.php", $(this).serialize(), null, "json").done(response => {
if (response.error){
swal("!", response.error, "error");
} else {
swal("Tebrikler", response.success, "success");
}
})
})