{"id":1104,"date":"2012-12-09T20:38:04","date_gmt":"2012-12-09T20:38:04","guid":{"rendered":"http:\/\/www.gencayyildiz.com\/blog\/?p=1104"},"modified":"2019-02-08T21:21:41","modified_gmt":"2019-02-08T21:21:41","slug":"mvc-client-validation","status":"publish","type":"post","link":"https:\/\/www.gencayyildiz.com\/blog\/mvc-client-validation\/","title":{"rendered":"MVC Client Validation"},"content":{"rendered":"<div id=\"fb-root\"><\/div>\n<p>MVC Validation ba\u015fl\u0131kl\u0131 yaz\u0131mda Server tabanl\u0131 Validation i\u015flemlerinden bahsetmi\u015ftik.\u015eimdi bu i\u015flemlerin Client tabanl\u0131 nas\u0131l yap\u0131ld\u0131klar\u0131n\u0131 inceleyelim.<br \/>\n<!--more--><\/p>\n<p>Server tabanl\u0131 Validation i\u015flemlerini a\u015fa\u011f\u0131daki komutla kontrol ediyorduk.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n            if (!ModelState.IsValid)\r\n            {\r\n                  ...\r\n            }\r\n<\/pre>\n<p>E\u011fer Validation \u015fartlar\u0131na uymayan bir veri giri\u015fi yap\u0131lm\u0131\u015fsa, kullan\u0131c\u0131ya hata bildirimiyle geri g\u00f6nderim yap\u0131l\u0131yordu.<\/p>\n<p>Bu i\u015flemi, Client taraf\u0131nda javascript kodlar\u0131n\u0131 kullanarak yapabiliriz.<br \/>\n\u00d6ncelikle Validation i\u015flemlerini Client tabanl\u0131 olmas\u0131n\u0131 istedi\u011fimiz sayfan\u0131n .html sayfas\u0131na a\u015fa\u011f\u0131daki kodu eklemeliyiz.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n        &amp;lt;% Html.EnableClientValidation(); %&amp;gt;\r\n<\/pre>\n<p>Daha sonra, Solution Explorer penceresine g\u00f6z at\u0131p, projemiz i\u00e7indeki &#8220;Script&#8221; isimli klas\u00f6r\u00fcn i\u00e7indeki &#8220;MicrosoftAjax.js&#8221; ve &#8220;MicrosoftMvcValidation.js&#8221; ismindeki iki tane javascript dosyas\u0131n\u0131 kaynak kodlar\u0131m\u0131z i\u00e7ine s\u00fcr\u00fckleyelim.<\/p>\n<p><a href=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2012\/12\/client-validation.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2012\/12\/client-validation.png\" alt=\"\" title=\"client validation\" width=\"805\" height=\"244\" class=\"aligncenter size-full wp-image-1105\" srcset=\"https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2012\/12\/client-validation.png 805w, https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2012\/12\/client-validation-300x90.png 300w\" sizes=\"auto, (max-width: 805px) 100vw, 805px\" \/><\/a><\/p>\n<p>E\u011fer bu \u015fekilde kontrol\u00fcn\u00fcz\u00fc uygularsan\u0131z, g\u00f6receksiniz ki Post i\u015flemi olmadan Client tabanl\u0131 bildirimi yap\u0131lmaktad\u0131r.Bu y\u00f6ntemle, Server&#8217;\u0131 yormadan, daha performansl\u0131 Validation i\u015flemi yapabiliriz.MVC&#8217;de Client tabanl\u0131 Validation i\u015flemleri bu \u015fekilde yap\u0131lmaktad\u0131r.<\/p>\n<p>Bir sonraki yaz\u0131mda g\u00f6r\u00fc\u015fmek \u00fczere,<br \/>\n\u0130yi \u00e7al\u0131\u015fmalar..<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>MVC Validation ba\u015fl\u0131kl\u0131 yaz\u0131mda Server tabanl\u0131 Validation i\u015flemlerinden bahsetmi\u015ftik.\u015eimdi bu i\u015flemlerin Client tabanl\u0131 nas\u0131l yap\u0131ld\u0131klar\u0131n\u0131 inceleyelim.<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[746,295,283,179],"class_list":["post-1104","post","type-post","status-publish","format-standard","hentry","category-asp-net-mvc","tag-asp-net-mvc","tag-client","tag-mvc","tag-validation"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/1104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=1104"}],"version-history":[{"count":1,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/1104\/revisions"}],"predecessor-version":[{"id":10362,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/1104\/revisions\/10362"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=1104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=1104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=1104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}