{"id":8232,"date":"2024-12-31T17:30:11","date_gmt":"2024-12-31T14:30:11","guid":{"rendered":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/"},"modified":"2024-12-31T17:30:11","modified_gmt":"2024-12-31T14:30:11","slug":"html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma","status":"publish","type":"post","link":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/","title":{"rendered":"HTML, CSS ve JavaScript ile G\u00fcvenli \u015eifre Do\u011frulay\u0131c\u0131 Olu\u015fturma"},"content":{"rendered":"

<\/p>\n

HTML, CSS ve JavaScript ile G\u00fcvenli \u015eifre Do\u011frulay\u0131c\u0131 Olu\u015fturma<\/p>\n

G\u00fc\u00e7l\u00fc ve g\u00fcvenli \u015fifreler, online hesaplar\u0131m\u0131z\u0131 korumak i\u00e7in son derece \u00f6nemlidir. Bu yaz\u0131da, HTML, CSS ve JavaScript kullanarak basit bir \u015fifre do\u011frulay\u0131c\u0131 nas\u0131l olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu do\u011frulay\u0131c\u0131, \u015fifrenizin belirli kriterleri kar\u015f\u0131lay\u0131p kar\u015f\u0131lamad\u0131\u011f\u0131n\u0131 kontrol ederek daha g\u00fcvenli \u015fifreler olu\u015fturman\u0131za yard\u0131mc\u0131 olacakt\u0131r. \u00d6rne\u011fin, \u015fifrenizin uzunlu\u011funu, b\u00fcy\u00fck harf, k\u00fc\u00e7\u00fck harf, rakam ve \u00f6zel karakter i\u00e7erip i\u00e7ermedi\u011fini kontrol edebilirsiniz. Bu sayede, daha g\u00fc\u00e7l\u00fc ve k\u0131r\u0131lmas\u0131 zor \u015fifreler olu\u015fturabilirsiniz.<\/p>\n

\u015eifre Do\u011frulay\u0131c\u0131n\u0131n Temel Bile\u015fenleri<\/h2>\n

\u015eifre do\u011frulay\u0131c\u0131m\u0131z \u00fc\u00e7 temel b\u00f6l\u00fcmden olu\u015fmaktad\u0131r: HTML, CSS ve JavaScript. HTML, do\u011frulay\u0131c\u0131n\u0131n aray\u00fcz\u00fcn\u00fc olu\u015fturur. Kullan\u0131c\u0131 ad\u0131 ve \u015fifre giri\u015f alanlar\u0131n\u0131 ve sonu\u00e7 mesajlar\u0131n\u0131 g\u00f6r\u00fcnt\u00fclemek i\u00e7in kullan\u0131r\u0131z. CSS, aray\u00fcz\u00fcn g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc d\u00fczenler ve daha kullan\u0131c\u0131 dostu hale getirir. Son olarak, JavaScript, \u015fifre do\u011frulama mant\u0131\u011f\u0131n\u0131 i\u00e7erir ve \u015fifrenin g\u00fcvenlik kriterlerini kar\u015f\u0131lay\u0131p kar\u015f\u0131lamad\u0131\u011f\u0131n\u0131 kontrol eder. <\/p>\n

HTML Yap\u0131s\u0131<\/h2>\n

\u0130lk olarak, HTML ile kullan\u0131c\u0131 aray\u00fcz\u00fcn\u00fc olu\u015ftural\u0131m. Kullan\u0131c\u0131 ad\u0131n\u0131 ve \u015fifreyi girmek i\u00e7in iki input alan\u0131 ve \u015fifre do\u011frulama sonucunu g\u00f6sterecek bir paragraf ekleyece\u011fiz. A\u015fa\u011f\u0131daki kod, basit bir HTML \u015fablonu olu\u015fturur.<\/p>\n

\n<input type=\"text\" id=\"username\" placeholder=\"Kullan\u0131c\u0131 Ad\u0131\">\n<input type=\"password\" id=\"password\" placeholder=\"\u015eifre\">\n<p id=\"message\"><\/p>\n<\/code><\/pre>\n
CSS Stillendirmesi<\/h2>\n
Ard\u0131ndan, CSS kullanarak aray\u00fcz\u00fcn g\u00f6r\u00fcn\u00fcm\u00fcn\u00fc d\u00fczenleyebiliriz.  Bu ad\u0131m, tamamen iste\u011finize ba\u011fl\u0131d\u0131r.  Ancak, \u015f\u0131k ve anla\u015f\u0131l\u0131r bir aray\u00fcz olu\u015fturmak kullan\u0131c\u0131 deneyimini iyile\u015ftirecektir.  \u00d6rne\u011fin, input alanlar\u0131n\u0131n boyutlar\u0131n\u0131, renklerini ve yaz\u0131 tiplerini ayarlayabilirsiniz.  A\u015fa\u011f\u0131da basit bir CSS \u00f6rne\u011fi bulunmaktad\u0131r.<\/p>\n
\n#username, #password {\n  width: 200px;\n  padding: 10px;\n  margin: 5px;\n}\n<\/code><\/pre>\n
JavaScript Do\u011frulama Mant\u0131\u011f\u0131<\/h2>\n
En \u00f6nemli ad\u0131m, JavaScript ile \u015fifre do\u011frulama mant\u0131\u011f\u0131n\u0131 uygulamak.  Bu, \u015fifrenin belirli kriterleri kar\u015f\u0131lay\u0131p kar\u015f\u0131lamad\u0131\u011f\u0131n\u0131 kontrol eder.  \u00d6rne\u011fin, en az 8 karakter uzunlu\u011funda olup olmad\u0131\u011f\u0131n\u0131, b\u00fcy\u00fck harf, k\u00fc\u00e7\u00fck harf, rakam ve \u00f6zel karakter i\u00e7erip i\u00e7ermedi\u011fini kontrol edebiliriz.  A\u015fa\u011f\u0131da basit bir JavaScript fonksiyonu \u00f6rne\u011fi bulunmaktad\u0131r.  Daha detayl\u0131 ve g\u00fc\u00e7l\u00fc bir do\u011frulama i\u00e7in bu fonksiyonu geli\u015ftirebilirsiniz.<\/p>\n
\nfunction validatePassword() {\n  let password = document.getElementById(\"password\").value;\n  \/\/ \u015eifre do\u011frulama mant\u0131\u011f\u0131 burada yaz\u0131lacak...\n  if (password.length < 8) {\n    document.getElementById(\"message\").textContent = \"\u015eifre en az 8 karakter olmal\u0131d\u0131r.\";\n  } else {\n    document.getElementById(\"message\").textContent = \"\u015eifre ge\u00e7erlidir.\";\n  }\n}\n<\/code><\/pre>\n
Bu fonksiyonu, kullan\u0131c\u0131 \u015fifre alan\u0131na her yazd\u0131\u011f\u0131nda tetiklemek i\u00e7in bir event listener kullanabilirsiniz.  Bu, ger\u00e7ek zamanl\u0131 geri bildirim sa\u011flar ve kullan\u0131c\u0131ya \u015fifresinin g\u00fcc\u00fc hakk\u0131nda an\u0131nda bilgi verir.  Unutmay\u0131n, bu sadece basit bir \u00f6rnektir ve daha geli\u015fmi\u015f g\u00fcvenlik \u00f6zellikleri ekleyebilirsiniz.  \u00d6rne\u011fin, \u015fifrenin daha \u00f6nce kullan\u0131l\u0131p kullan\u0131lmad\u0131\u011f\u0131n\u0131 kontrol eden bir sistem entegre edebilirsiniz.  Ayr\u0131ca,  fatihsoysal.com<\/a>  sitesinden daha fazla web geli\u015ftirme i\u00e7eri\u011fine ula\u015fabilirsiniz.<\/p>\n
Bu basit \u015fifre do\u011frulay\u0131c\u0131, g\u00fcvenli \u015fifreler olu\u015fturman\u0131n \u00f6nemini vurgulamaktad\u0131r.  Daha kapsaml\u0131 bir do\u011frulama i\u00e7in, ek g\u00fcvenlik \u00f6nlemleri alman\u0131z gerekebilir.  Bu konuda daha fazla bilgi edinmek i\u00e7in OWASP (Open Web Application Security Project)<\/a> gibi g\u00fcvenlik kaynaklar\u0131n\u0131 inceleyebilirsiniz.<\/p>\n
#Etiketler
\n#\u015fifre do\u011frulama #password validator #HTML #CSS #JavaScript #g\u00fcvenlik #web geli\u015ftirme #Fatih Soysal<\/p>\n
<\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"HTML, CSS ve JavaScript ile G\u00fcvenli \u015eifre Do\u011frulay\u0131c\u0131 Olu\u015fturma G\u00fc\u00e7l\u00fc ve g\u00fcvenli \u015fifreler, online hesaplar\u0131m\u0131z\u0131 korumak i\u00e7in son…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-8232","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"\nHTML, CSS ve JavaScript ile G\u00fcvenli \u015eifre Do\u011frulay\u0131c\u0131 Olu\u015fturma<\/title>\n<meta name=\"description\" content=\"G\u00fc\u00e7l\u00fc ve g\u00fcvenli \u015fifreler, online hesaplar\u0131m\u0131z\u0131 korumak i\u00e7in son derece \u00f6nemlidir. Bu yaz\u0131da, HTML, CSS ve JavaScript kullanarak basit bir \u015fifre do\u011frulay\u0131c\u0131 nas\u0131l olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu do\u011frulay\u0131c\u0131, \u015fifrenizin belirli kriterleri kar\u015f\u0131lay\u0131p kar\u015f\u0131lamad\u0131\u011f\u0131n\u0131 kontrol ederek daha g\u00fcvenli \u015fifreler olu\u015fturman\u0131za yard\u0131mc\u0131 olacakt\u0131r. \u00d6rne\u011fin, \u015fifrenizin uzunlu\u011funu, b\u00fcy\u00fck harf, k\u00fc\u00e7\u00fck harf, rakam ve \u00f6zel karakter i\u00e7erip i\u00e7ermedi\u011fini kontrol edebilirsiniz. Bu sayede, daha g\u00fc\u00e7l\u00fc ve k\u0131r\u0131lmas\u0131 zor \u015fifreler olu\u015fturabilirsiniz.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HTML, CSS ve JavaScript ile G\u00fcvenli \u015eifre Do\u011frulay\u0131c\u0131 Olu\u015fturma\" \/>\n<meta property=\"og:description\" content=\"G\u00fc\u00e7l\u00fc ve g\u00fcvenli \u015fifreler, online hesaplar\u0131m\u0131z\u0131 korumak i\u00e7in son derece \u00f6nemlidir. Bu yaz\u0131da, HTML, CSS ve JavaScript kullanarak basit bir \u015fifre do\u011frulay\u0131c\u0131 nas\u0131l olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu do\u011frulay\u0131c\u0131, \u015fifrenizin belirli kriterleri kar\u015f\u0131lay\u0131p kar\u015f\u0131lamad\u0131\u011f\u0131n\u0131 kontrol ederek daha g\u00fcvenli \u015fifreler olu\u015fturman\u0131za yard\u0131mc\u0131 olacakt\u0131r. \u00d6rne\u011fin, \u015fifrenizin uzunlu\u011funu, b\u00fcy\u00fck harf, k\u00fc\u00e7\u00fck harf, rakam ve \u00f6zel karakter i\u00e7erip i\u00e7ermedi\u011fini kontrol edebilirsiniz. Bu sayede, daha g\u00fc\u00e7l\u00fc ve k\u0131r\u0131lmas\u0131 zor \u015fifreler olu\u015fturabilirsiniz.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-31T14:30:11+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"HTML, CSS ve JavaScript ile G\u00fcvenli \u015eifre Do\u011frulay\u0131c\u0131 Olu\u015fturma\",\"datePublished\":\"2024-12-31T14:30:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/\"},\"wordCount\":573,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/#respond\"]}],\"copyrightYear\":\"2024\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/\",\"name\":\"HTML, CSS ve JavaScript ile G\u00fcvenli \u015eifre Do\u011frulay\u0131c\u0131 Olu\u015fturma\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2024-12-31T14:30:11+00:00\",\"description\":\"G\u00fc\u00e7l\u00fc ve g\u00fcvenli \u015fifreler, online hesaplar\u0131m\u0131z\u0131 korumak i\u00e7in son derece \u00f6nemlidir. Bu yaz\u0131da, HTML, CSS ve JavaScript kullanarak basit bir \u015fifre do\u011frulay\u0131c\u0131 nas\u0131l olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu do\u011frulay\u0131c\u0131, \u015fifrenizin belirli kriterleri kar\u015f\u0131lay\u0131p kar\u015f\u0131lamad\u0131\u011f\u0131n\u0131 kontrol ederek daha g\u00fcvenli \u015fifreler olu\u015fturman\u0131za yard\u0131mc\u0131 olacakt\u0131r. \u00d6rne\u011fin, \u015fifrenizin uzunlu\u011funu, b\u00fcy\u00fck harf, k\u00fc\u00e7\u00fck harf, rakam ve \u00f6zel karakter i\u00e7erip i\u00e7ermedi\u011fini kontrol edebilirsiniz. Bu sayede, daha g\u00fc\u00e7l\u00fc ve k\u0131r\u0131lmas\u0131 zor \u015fifreler olu\u015fturabilirsiniz.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HTML, CSS ve JavaScript ile G\u00fcvenli \u015eifre Do\u011frulay\u0131c\u0131 Olu\u015fturma\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"HTML, CSS ve JavaScript ile G\u00fcvenli \u015eifre Do\u011frulay\u0131c\u0131 Olu\u015fturma","description":"G\u00fc\u00e7l\u00fc ve g\u00fcvenli \u015fifreler, online hesaplar\u0131m\u0131z\u0131 korumak i\u00e7in son derece \u00f6nemlidir. Bu yaz\u0131da, HTML, CSS ve JavaScript kullanarak basit bir \u015fifre do\u011frulay\u0131c\u0131 nas\u0131l olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu do\u011frulay\u0131c\u0131, \u015fifrenizin belirli kriterleri kar\u015f\u0131lay\u0131p kar\u015f\u0131lamad\u0131\u011f\u0131n\u0131 kontrol ederek daha g\u00fcvenli \u015fifreler olu\u015fturman\u0131za yard\u0131mc\u0131 olacakt\u0131r. \u00d6rne\u011fin, \u015fifrenizin uzunlu\u011funu, b\u00fcy\u00fck harf, k\u00fc\u00e7\u00fck harf, rakam ve \u00f6zel karakter i\u00e7erip i\u00e7ermedi\u011fini kontrol edebilirsiniz. Bu sayede, daha g\u00fc\u00e7l\u00fc ve k\u0131r\u0131lmas\u0131 zor \u015fifreler olu\u015fturabilirsiniz.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/","og_locale":"tr_TR","og_type":"article","og_title":"HTML, CSS ve JavaScript ile G\u00fcvenli \u015eifre Do\u011frulay\u0131c\u0131 Olu\u015fturma","og_description":"G\u00fc\u00e7l\u00fc ve g\u00fcvenli \u015fifreler, online hesaplar\u0131m\u0131z\u0131 korumak i\u00e7in son derece \u00f6nemlidir. Bu yaz\u0131da, HTML, CSS ve JavaScript kullanarak basit bir \u015fifre do\u011frulay\u0131c\u0131 nas\u0131l olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu do\u011frulay\u0131c\u0131, \u015fifrenizin belirli kriterleri kar\u015f\u0131lay\u0131p kar\u015f\u0131lamad\u0131\u011f\u0131n\u0131 kontrol ederek daha g\u00fcvenli \u015fifreler olu\u015fturman\u0131za yard\u0131mc\u0131 olacakt\u0131r. \u00d6rne\u011fin, \u015fifrenizin uzunlu\u011funu, b\u00fcy\u00fck harf, k\u00fc\u00e7\u00fck harf, rakam ve \u00f6zel karakter i\u00e7erip i\u00e7ermedi\u011fini kontrol edebilirsiniz. Bu sayede, daha g\u00fc\u00e7l\u00fc ve k\u0131r\u0131lmas\u0131 zor \u015fifreler olu\u015fturabilirsiniz.","og_url":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2024-12-31T14:30:11+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"3 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"HTML, CSS ve JavaScript ile G\u00fcvenli \u015eifre Do\u011frulay\u0131c\u0131 Olu\u015fturma","datePublished":"2024-12-31T14:30:11+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/"},"wordCount":573,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/#respond"]}],"copyrightYear":"2024","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/","url":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/","name":"HTML, CSS ve JavaScript ile G\u00fcvenli \u015eifre Do\u011frulay\u0131c\u0131 Olu\u015fturma","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2024-12-31T14:30:11+00:00","description":"G\u00fc\u00e7l\u00fc ve g\u00fcvenli \u015fifreler, online hesaplar\u0131m\u0131z\u0131 korumak i\u00e7in son derece \u00f6nemlidir. Bu yaz\u0131da, HTML, CSS ve JavaScript kullanarak basit bir \u015fifre do\u011frulay\u0131c\u0131 nas\u0131l olu\u015fturabilece\u011finizi ad\u0131m ad\u0131m g\u00f6sterece\u011fim. Bu do\u011frulay\u0131c\u0131, \u015fifrenizin belirli kriterleri kar\u015f\u0131lay\u0131p kar\u015f\u0131lamad\u0131\u011f\u0131n\u0131 kontrol ederek daha g\u00fcvenli \u015fifreler olu\u015fturman\u0131za yard\u0131mc\u0131 olacakt\u0131r. \u00d6rne\u011fin, \u015fifrenizin uzunlu\u011funu, b\u00fcy\u00fck harf, k\u00fc\u00e7\u00fck harf, rakam ve \u00f6zel karakter i\u00e7erip i\u00e7ermedi\u011fini kontrol edebilirsiniz. Bu sayede, daha g\u00fc\u00e7l\u00fc ve k\u0131r\u0131lmas\u0131 zor \u015fifreler olu\u015fturabilirsiniz.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/html-css-ve-javascript-ile-guvenli-sifre-dogrulayici-olusturma\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"HTML, CSS ve JavaScript ile G\u00fcvenli \u015eifre Do\u011frulay\u0131c\u0131 Olu\u015fturma"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/8232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=8232"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/8232\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=8232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=8232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=8232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}