v2.5.2
Giriş yap

Jquery Post ile HTML required Attribute Kullanma

eminkurt
473 defa görüntülendi ve 1 kişi tarafından değerlendirildi
1 2 
   <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>
HTML
    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");
}
JavaScript

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?

php javascript jquery
abdullahx
1142 gün önce
<form id="add">
    <input type="text" name="add" required>
    <button type="submit">Ekle</button>
   </form>
HTML
$("#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");
		}
    })
})
JavaScript
2
#008984
Tüm Cevapları Göster (2)