{"id":1890,"date":"2022-07-29T15:36:47","date_gmt":"2022-07-29T13:36:47","guid":{"rendered":"https:\/\/www.areaweb.sk\/?p=1890"},"modified":"2022-08-18T10:03:43","modified_gmt":"2022-08-18T08:03:43","slug":"overenie-dlzky-tel-cisla","status":"publish","type":"post","link":"https:\/\/www.areaweb.sk\/cs\/overenie-dlzky-tel-cisla\/","title":{"rendered":"Overenie d\u013a\u017eky tel. \u010d\u00edsla"},"content":{"rendered":"
\"overenie
overenie tel cisla woocomerce<\/figcaption><\/figure>\n\n\n\n
if ( document.querySelector('.checkout') ){\n\tdocument.getElementById('billing_phone').addEventListener('change', skontrolujCislo)  \/\/ alebo keyup\n}\n\nfunction skontrolujCislo () {\n    if(document.getElementById('billing_phone').value.length!=13 ) {\n    \tdocument.getElementById('place_order').disabled = true\n    }\n    else {\n\tdocument.getElementById('place_order').disabled = false\n    }\n}<\/code><\/pre>\n\n\n\n
Tento javascript vypne vo woocomerce tla\u010d\u00eddlo odosla\u0165 objedn\u00e1vku ak nie je d\u013a\u017eka telef\u00f3nneho \u010d\u00edsla 13 znakov.<\/p>\n\n\n\n
const node = document.createElement(\"i\");\nconst textnode = document.createTextNode(\"Telef\u00f3nne \u010d\u00edslo uviest v tvare +421\");\nnode.appendChild(textnode);\ndocument.querySelector('#billing_phone').appendChild(node)<\/code><\/pre>\n\n\n\n
T\u00fdmto scriptom zas prid\u00e1me element s textom pod input s telef\u00f3nnym \u010d\u00edslom.<\/p>\n\n\n\n
<\/div>\n\n\n\n
Min. alebo max d\u013a\u017eku tel. \u010d\u00edsla v\u0161ak vieme nastavi\u0165 aj cez wordpress snippet:<\/strong><\/p>\n\n\n\n
add_filter( 'woocommerce_checkout_fields', 'checkout_fields_custom_attributes', 9999 );\r\n \r\nfunction checkout_fields_custom_attributes( $fields ) {\r\n  \n  \/\/$fields['billing']['billing_phone']['maxlength'] = 10; \/\/ ak by sme chceli nastavi\u0165 max. d\u013a\u017eku staci prida\u0165 toto\n\r\n  \/\/V predvolenom nastaven\u00ed platobn\u00e9 polia WooCommerce podporuj\u00fa len niektor\u00e9 atrib\u00faty  napr. maxlenght \u00e1no ale minlenght nie tak\u017ee ho tam treba prida\u0165 jedn\u00fdm z t\u00fdchto sp\u00f4sobov\r\n \r\n  \/\/$fields['billing']['billing_phone']['custom_attributes'] = array( \"minlength\" => \"10\" ); \r\n  \/\/ $fields['billing']['billing_phone']['custom_attributes']['pattern'] = '.{15,}';   \/\/ ak by nefungovali prve 2 moznosti\r\n\r\n  $fields['billing']['billing_company']['custom_attributes']['minlength'] = 10;\r\n   return $fields;\r\n}\r\n\r<\/code><\/pre>\n\n\n\n
\u00a0Tento snippet s\u00edce prid\u00e1 do pole poklad\u0148a atrib\u00fat minlenght ale  st\u00e1le sa odosiela, aj ke\u010f do\u0161lo k chybe pri zad\u00e1van\u00ed po\u013ea.\u00a0Tak\u017ee\u00a0bez oh\u013eadu na to, \u010do rob\u00edme, aj ke\u010f nastav\u00edme atrib\u00fat\u00a0minlength<\/em>\u00a0, WooCommerce neoveruje vstupn\u00fa hodnotu po\u013ea pokladn<\/strong>e\u00a0.\u00a0Jedinou mo\u017enos\u0165ou ktor\u00fa m\u00e1me, je zastavi\u0165 proces platby, pokia\u013e  m\u00e1 pole viac ako  10 znakov.<\/p>\n\n\n\n
\/\/ over\u00ed a  vyp\u00ed\u0161e error\r\nadd_action( 'woocommerce_checkout_process', 'checkout_fields_phone_validation' );\r\n   \r\nfunction checkout_fields_phone_validation() { \r\n   if ( isset( $_POST['billing_phone'] ) && ! empty( $_POST['billing_phone'] ) ) {\r\n      if ( strlen( $_POST['billing_phone'] ) < 10 ) {\r\n         wc_add_notice( 'Min. d\u013a\u017eka telef\u00f3nn\u00e9ho \u010d\u00edsla je 10 znakov.', 'error' );\r\n      }\r\n   }   \r\n}<\/code><\/pre>\n\n\n\n
Dostaneme tak\u00fdto v\u00fdsledok:<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Viac na: https:\/\/www.businessbloomer.com\/woocommerce-maxlength-minlength-checkout-fields\/<\/p>","protected":false},"excerpt":{"rendered":"
overenie tel cisla woocomerce if ( document.querySelector(‚.checkout‘) ){ document.getElementById(‚billing_phone‘).addEventListener(‚change‘, skontrolujCislo) \/\/ alebo keyup } function skontrolujCislo () {\u2026<\/p>","protected":false},"author":1,"featured_media":1891,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28,26],"tags":[],"class_list":["post-1890","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-js","category-woocomerce"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/posts\/1890","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/comments?post=1890"}],"version-history":[{"count":0,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/posts\/1890\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/media\/1891"}],"wp:attachment":[{"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/media?parent=1890"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/categories?post=1890"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.areaweb.sk\/cs\/wp-json\/wp\/v2\/tags?post=1890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}