Bilmek istediğin her şeye ulaş

JQuery ile kayıt formu elementlerini kontrol etme nasıl yapılır?

Merhabalar Jquery bilenlere sorum olacaktı kısacası jquery ile nasıl formu'mu kontrol ettirmek istiyorum boş alan olduğunda uyarı çıkacak sorun olmadığı zaman veritabanına üye ekliyecek bilenler yazabilirmiDüzenle
Form Olmadan
HTML
<label>Mail Adresi</label>
<input type="text" id="mail" placeholder="Mail Adresinizi Giriniz" />
<label>Yorum</label>
<input type="text" id="yorum" placeholder="Yorum Yazınız" />
<button id="girisYap">Giriş Yap</button>

Script
//JQuery nesneleri
var mail = $("#mail");
var yorum = $("#yorum");
//Mail Uygun mu kontrolü
var kntrl = new RegExp(/(.+)@@(.+){2,}\.(.+){2,}/);
$("#girisYap").click(function () {
//Değerlerin kontrolü
if (mail.val() == "" || yorum.val() == "" || !kntrl.test(mail.val())) {
alert("Girilen Alanlar Boş veya Uygun Değil");
} else {
$.ajax({
//VeriTabanına kayıt için gönder
url: "/Home/GirisYap",
//kaydedilecek veriler
data: { mail: mail.val(), yorum: yorum.val() },
dataType: "json",
type: "POST",
success: function () {
alert("İşlem Başarılı");
},
error: function () {
alert("Bir Hata Oluştu");
}
});
}
});
Form İle

HTML
<form>
<label>Mail Adresi</label>
<input type="text" id="mail" name="mail" placeholder="Mail Adresinizi Giriniz" />
<label>Yorum</label>
<input type="text" id="yorum" name="yorum" placeholder="Yorum Yazınız" />
<input type="submit" id="girisYap" value="Giriş Yap"/>
</form>

Script
//JQuery nesneleri
var mail = $("#mail");
var yorum = $("#yorum");
//Mail Uygun mu kontrolü
var kntrl = new RegExp(/(.+)@@(.+){2,}\.(.+){2,}/);
$("#girisYap").click(function (event) {
//Değerlerin kontrolü
if (mail.val() == "" || yorum.val() == "" || !kntrl.test(mail.val())) {
//Submit yapmayı engeller
event.preventDefault();
alert("Girilen Alanlar Boş veya Uygun Değil");
}
});
  • Paylaş
Sonraki Soru
HESAP OLUŞTUR

İstatistikler

122 Görüntülenme3 Takipçi1 Yanıt

Konu Başlıkları