{"draftJsState":{"blocks":[{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Решил предложить вашему вниманию один из методов программирования формы для отправки с сайта сообщений с валидацией и минимумом кода.","type":"unstyled","key":"ddjbi"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для простоты предположим, что нам нужно отправлять только одно поле — «Имя» и это поле должно быть чем-то заполнено.","type":"unstyled","key":"dmpe0"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Необходимо создать компонент, который на странице будет вызываться таким образом:","type":"unstyled","key":"9i2r3"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"$APPLICATION->IncludeComponent(\n\t\"dv:form\", \n\t\"testtemplate\", \n\tarray(\n\t),\n\tfalse\n);","type":"unstyled","key":"28n2r"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Код файла component.php будет такой:","type":"unstyled","key":"e74iq"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"IncludeComponentTemplate();","type":"unstyled","key":"7ncf5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Код шаблона такой (шаблоны могут быть какие угодно):","type":"unstyled","key":"8e90n"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"

\n \n \n \n ","type":"unstyled","key":"2sb5s"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"код sctipt.js шаблона:","type":"unstyled","key":"2a4er"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"$(\".flex button.submit\").on(\"click\", function() {\n\t\tlet lang=$(this).data(\"lang\")?$(this).data(\"lang\"):\"ru\";\n\t\tlet err=[];\n\t\tlet vals={};\n\t\tlet email_pattern = /^([A-Za-z0-9_\\-\\.])+\\@([A-Za-z0-9_\\-\\.])+\\.([A-Za-z]{2,6})$/; ///^[a-z0-9_-]+@[a-z0-9-]+\\.[a-z]{2,6}$/i;\n\t\tlet phone_pattern = /^\\+\\d[\\d\$\$\\ -]{4,14}\\d$/;\n\t\t$(\".flex input[data-required=1], .flex select[data-required=1]\").each(function(){\n\n\t\t\tswitch ($(this).attr('id')) {\n\t\t\t\tcase 'email':\n\t\t\t\t\tif(!email_pattern.test($(this).val().trim()))\n\t\t\t\t\t\terr.push($(this).data('fieldtitle') + (lang=='ru'?' заполнено некорректно':' filled in incorrectly'));\n\t\t\t\tbreak;\n\t\t\t\tcase 'phone':\n\t\t\t\t\tif(!phone_pattern.test($(this).val().trim()))\n\t\t\t\t\t\terr.push($(this).data('fieldtitle') + (lang=='ru'?' заполнено некорректно':' filled in incorrectly'));\n\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tif (($(this).get(0).tagName == 'SELECT' && $(this).val().trim() == $(this).data(\"fieldtitle\")) || ($(this).get(0).tagName == 'INPUT' && $(this).val().trim() == ''))\n\t\t\t\t\t\terr.push($(this).data('fieldtitle') + (lang=='ru'?' заполнено некорректно':' not filled'));\n\t\t\t}\n\t\t});\n\t\t\n\t\t$(\".flex input, .flex select\").each(function(){\n\t\t\tvals[$(this).attr('name')] = $(this).val().trim();\n\t\t});\n\n\t\tif(err.length == 0)\n\t\t{\n\t\t\t$.ajax({\n\t\t\t\turl: '/ajax/post.php',\n\t\t\t\tmethod: 'post',\n\t\t\t\tdataType: 'json',\n\t\t\t\tdata: vals\n\t\t\t});\n\t\t\t$(\"#thanks\").show();\n\t\t}\n\t\telse\n\t\t{\n\t\t\t$(\".errors p\").html('

' + err.join('
') + '

');\n\t\t\t$(\"#errors\").show();\n\t\t}\n\t\t\n\t\treturn false;\n\t});","type":"unstyled","key":"bjle9"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"У нас идет обращение к /ajax/post.php . Там все очень просто:","type":"unstyled","key":"64vul"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"