Dinamik Form Kontrol

Dinamik Form Kontrol

/ / Okuma süresi: 2 dk, 25 sn / Yorum (0)
A A A

İ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.

<link rel="stylesheet" type="text/css" href="messages.css" />
<script type="text/javascript" src="messages.js"></script>

Örnek formda şu şekilde;

 <form name="form" id="form" class="form" action="success.html" onsubmit="return validate(this)" method="post"> <label for="name">Full Name:</label> <input type="text" name="name" id="name" /> <label for="email">Email Address:</label> <input type="text" name="email" id="email" /> <label for="gender">Gender:</label> <select name="gender" id="gender"> <option value ="">Please Select</option> <option value ="male">Male</option> <option value ="female">Female</option> </select> <label for="message">Message:</label> <input type="text" name="message" id="message" /> <input type="submit" value="Submit" class="submit" /> </form>

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','<strong>Hata</strong><br />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.

Bu yazıyı emoji ile değerlendir!
like 0
like 0
like 0
like 0
like 0
like 0
Bu yazıyı sosyal medyada paylaş!
Bu yazı daha önce 831 kez okundu.
Yazıya ait etiketler
Ogznet.com

Bu yazıyı beğendiniz mi? Haber bültenimize katılarak buna benzer yeni yazılardan haberdar olun!

Açılacak sayfada "Ben robot değilim" işaretleyip "Complete Subscription Request" yazan butona tıklayınız!

    Yorumlar

    Bu yazıya henuz bir yorum yapılmamış. İlk yorumu yapan siz olun!

Yorum Yaz

" Dinamik Form Kontrol konulu makalemizde Ogznet.com olarak sizlere Dinamik Form Kontrol ile ilgili bilgiler aktarmak istedik. Hemen yukarıda Dinamik Form Kontrol ile ilgili yorum ve görüşleri inceleyerek sizlerde yorum bırakabilirsiniz. "

Bir reklam engelleyici kullandığınızı fark ettik

Sorun yok. Kim kullanmıyor ki? Ancak reklam geliri olmadan bu siteyi geliştirmeye devam edemeyiz.

Reklam engelleyicimi devre dışı bıraktım. Devam etmeme izin ver! Reklam engelleyici ile devam etmek istiyorum! Reklam engelleyicimi nasıl devre dışı bırakabilirim?
logo

Bu site için için reklam engelleyici nasıl devre dışı bırakabilirim:

AdblockAdblock / Adblock Plus
  • Tarayıcınızın sağ üst kısmındaki AdBlock / AdBlock Plus simgesine tıklayın.
  • "Aşağıdaki adreste reklamları engelle" seçeneğini kapalı konuma getirin.
  • Değişiklikleri etkinleştirmek için "Tazele" butonuna tıklayın.
FirefoxFirefox Özel Tarama
  • Firefox'ta Özel Tarama yapıyorsanız, "İzleme Koruması" adblock bildirimini kullanabilir. Adres çubuğundaki "Kalkan" simgesini tıklayarak geçici olarak devre dışı bırakılabilir.
  • İşlem bittiğinde bu yardım kutusunu kapatın.
GhosteryGhostery
  • Tarayıcınızda Ghostery simgesini tıklayın.
  • Ghostery versiyon 6.0 altı ise "Whitelist site.", versiyon 6.0 ise "Trust site." ye tıklayın.
  • İşlem bittiğinde bu yardım kutusunu kapatın.
uBlockuBlock / uBlock Origin
  • Tarayıcınızda Ublock / Ublock Origin simgesini tıklayın.
  • Mevcut web sitesini beyaz listeye almak için görünen menüde "power" düğmesine tıklayın.
  • İşlem bittiğinde bu yardım kutusunu kapatın.