Dinamik Form Kontrol

Yazılarımız ve Makalelerimiz.

Anasayfa Multi Medya Blog Dinamik Form Kontrol
0 Yorum 109 Okuma

İletişim veya üye formu gibi web sayfanızın form sayfalarında sayfa değiştirmeden dinamik form kutuları kontrolü yapın. Web sayfalarınızda form kontrolü yapmak için pek çok yol vardır. Bazen formu gönderip işlem sayfasından kontrolü yaparız bazense sayfayı yenilemeden dinamik bir şekilde yapabiliriz. Bu indireceğiniz örnekte dinamik bir form kontrol yapıyor. Dosyada bir js, bir form html dosyası, stil dosyası ve işlem dosyası var. Bu örnek formu inceleyerek kolayca kendi sitenizdeki formlara uydurabilirsiniz. Öncelikle aşağıdaki kodları form sayfanızın bulunduğu dosyanın head kodları arasına yerleştirin. Örnek formda şu şekilde;

Js dosyamızda da; var name = form.name.value; var email = form.email.value; var gender = form.gender.value; satırlarına sizin formunuzda yer alan input alanlarını ekleyin. Örneğin mesaj formundaki konu kutusu olsun. var konu = form.konu.value; Şeklide ekleme yapın yada yukarıdakileri sizin formunuza göre düzenleyin. Bu yaptığınız değişiklerin çalışması için alt satırlardada ekleme yapın yada düzenleme yapın. if(konu== "") { inlineMsg('konu','Hata
Lütfen mesajınızın konusunu yazınız.',2); return false; } gibi kod ekleyin yada var olanları kendi input alanlarına göre düzenleyin. Örnek dosyada çalışan bir örnek var zaten. Kolayca düzenleyip sitenize ekleyebilirsiniz.

Okuyucu Yorumları

0 Yorum