/
var
/
www
/
html
/
stengineers
/
Upload FileeE
HOME
<?php header('Access-Control-Allow-Origin: *'); error_reporting(0); require "urls.php"; require_once 'admin/dbconnection.php'; $currentUrl = "https://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; // if($pageImage=="") // { // $pageImage = "https://stengineers.com/assets/images/home/logo.png"; // } $images = explode(',', $pageImage); if (count($images) > 1) { $pageImage = $images[0]; } else { $pageImage = !empty($images[0]) ? $images[0] : "https://stengineers.com/assets/images/home/logo.png"; } ?> <!DOCTYPE html> <html lang="en"> <!-- web/ontech-html/index.html byweb/3.x web, Wed, 06 Sep 2023 05:55:45 GMT --> <head> <title><?php echo $pagetitle; ?></title> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="<?php echo $metadescription; ?>"> <meta name="keywords" content="<?php echo $metatags; ?>"> <meta name="google-site-verification" content="tvIiC5FqY6weGAMhBuk4Yr9PbvNYHGfUg_DQKkpjTks" /> <!-- Open Graph Meta Tags --> <meta property="og:title" content="<?php echo $pagetitle; ?>"> <meta property="og:site_name" content="S&T Engineers"> <meta property="og:url" content="https://stengineers.com/"> <meta property="og:description" content=""> <meta property="og:type" content="business.business"> <meta property="og:image" content="<?php echo $pageImage; ?>"> <!-- favicons Icons --> <!-- favicons --> <!-- favicons --> <link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" sizes="96x96" href="/fav.png"> <!-- Add the canonical tag --> <link rel="canonical" href="<?php echo $currentUrl; ?>"> <!-- fonts --> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>bootstrap/css/bootstrap.min.css" /> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6393908257919272" crossorigin="anonymous"></script> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>animate/animate.min.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>animate/custom-animate.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>fontawesome/css/all.min.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>jarallax/jarallax.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>jquery-magnific-popup/jquery.magnific-popup.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>nouislider/nouislider.min.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>nouislider/nouislider.pips.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>odometer/odometer.min.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>swiper/swiper.min.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>swiper/swiper-bundle.min.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>flaticon/style.css"> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>tiny-slider/tiny-slider.min.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>reey-font/stylesheet.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>owl-carousel/owl.carousel.min.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>owl-carousel/owl.theme.default.min.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>bxslider/jquery.bxslider.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>bootstrap-select/css/bootstrap-select.min.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>bootstrap/css/bootstrap.min.css" /> <!-- <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>bootstrap-4/css/bootstrap.min.css" /> --> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>vegas/vegas.min.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>jquery-ui/jquery-ui.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>timepicker/timePicker.css" /> <link rel="stylesheet" href="<?php echo $assetsCssUrl; ?>polyglot-language-switcher/polyglot-language-switcher.css" /> <!-- template styles --> <link rel="stylesheet" href="<?php echo $cssUrl; ?>ontech.css" /> <link rel="stylesheet" href="<?php echo $cssUrl; ?>ontech-responsive.css" /> <link rel="stylesheet" href="<?php echo $cssUrl; ?>verical.scss" /> <link rel="stylesheet" href="<?php echo $cssUrl; ?>vertical.css" /> <link href="<?php echo $cssUrl; ?>intlTelInput.css" rel="stylesheet"> <link href="<?php echo $cssUrl; ?>intlTelInput.min.css" rel="stylesheet"> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MXG2DP7D');</script> <!-- End Google Tag Manager --> <!-- Meta Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '946709686861951'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=946709686861951&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> </head> <body class="custom-cursor"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MXG2DP7D" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="custom-cursor__cursor"></div> <div class="custom-cursor__cursor-two"></div> <!-- <div class="preloader"> <div class="preloader__image"></div> </div> --> <!-- /.preloader --> <div class="page-wrapper"> <!--Start Main Header One--> <header class="main-header main-header-one clearfix"> <div class="main-header-one__top"> <div class="container"> <div class="main-header-one__top-inner"> <div class="main-header-one__top-left"> <div class="main-header-one__top-left-btn"></div> </div> <div class="main-header-one__top-right"> <div class="main-header__contact-info"> <ul> <li> <div class="inner"> <div class="text-box"> <!-- <h4><a href="<?php echo $baseUrl; ?>careers.php">Careers</a></h4> --> <h4><a href="tel:+91 73976 85550">For Machine Enquiry: +91 73976 85550</a></h4> </div> </div> </li> <li> <div class="inner"> <div class="text-box"> <h4><a href="tel:+91 42225 90810">For Careers & General Enquiry: +91 42225 90810</a></h4> </div> </div> </li> <li> <div class="inner"> <div class="text-box"><h4><a href="mailto:enquiry.lead.trading@stengineers.com">enquiry.lead.trading@stengineers.com</a></h4> </div> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="main-header-one__bottom"> <nav class="main-menu clearfix"> <div class="main-menu__wrapper clearfix"> <div class="container-fluid"> <div class="main-header-one__bottom-inner"> <div class="main-header-one__bottom-left"> <div class="logo-one"> <a href="<?php echo $baseUrl; ?>index.php"><img src="<?php echo $imageUrl; ?>home/logo.png" alt="#"></a> </div> <div class="main-menu__main-menu-box"> <a href="<?php echo $baseUrl; ?>" class="mobile-nav__toggler"><i class="fa fa-bars"></i></a> <ul class="main-menu__list"> <li> <a href="<?php echo $baseUrl; ?>index.php">Home </a> </li> </li> <li> <a href="<?php echo $baseUrl; ?>about.php">About</a> </li> <li class="dropdown"> <a href="<?php echo $baseUrl; ?>products.php">Products </a> <ul> <?php $result_c = $con->query("SELECT * FROM category WHERE category_type='Parent' AND status='active'"); while ($row_c = $result_c->fetch_assoc()) { $categoryName_c = ucwords($row_c['category_name']); $url_c = $row_c['url']; $categid_c = $row_c['id']; echo "<li><a href='" . $baseUrl . "category/$url_c'>$categoryName_c</a>"; $row1 = mysqli_query($con, "select id from category where Parent_categoryid='$categid_c' AND status='active'"); $row2 = mysqli_num_rows($row1); if ($row2 > 0) { echo "<ul>"; $result_sub = $con->query("SELECT * FROM category WHERE Parent_categoryid='$categid_c' AND status='active'"); while ($row_sub = $result_sub->fetch_assoc()) { $categoryName_sub = ucwords($row_sub['category_name']); $url_sub = $row_sub['url']; $categoryId = $row_sub['id']; echo "<li><a href='" . $baseUrl . "subcategory/$url_sub'>$categoryName_sub</a>"; $rowp1 = mysqli_query($con, "SELECT * FROM products WHERE sub_category='$categoryId' AND status='active'"); $rowp2 = mysqli_num_rows($rowp1); if ($rowp2 > 0) { echo "<ul>"; $productQuery = $con->query("SELECT * FROM products WHERE sub_category='$categoryId' AND status='active' order by display_order asc"); while ($productRow = $productQuery->fetch_assoc()) { $productName = ucwords($productRow['product_title']); $slug = $productRow['slug']; echo "<li><a href='" . $baseUrl . "product/$slug'>$productName</a></li>"; } echo "</ul>"; echo "</li>"; } else { echo "</li>"; } } echo "</ul>"; echo "</li>"; } else { echo "</li>"; } } ?> </ul> </li> <li > <a href="<?php echo $baseUrl; ?>services-and-support.php">Services & Support</a> </li> <li> <a href="<?php echo $baseUrl; ?>news-and-events.php">News & Events</a> </li> <li> <a href="<?php echo $baseUrl; ?>blogs.php">Blogs</a> </li> <!-- <li > <a href="<?php echo $baseUrl; ?>careers.php">Careers</a> </li> --> <li> <a href="<?php echo $baseUrl; ?>contact-us.php">Contact Us</a> </li> </ul> </div> </div> <div class="main-header-one__bottom-right"> <div class="main-header__search"> <a href="https://stgroup.co.in/" target="_blank"> <img src="<?php echo $imageUrl; ?>home/s&t-group.png" class="img-fluid"> </a> </div> </div> </div> </div> </div> </nav> </div> </header> <!--End Main Header One--> <div class="stricky-header stricky-header__one stricked-menu main-menu"> <div class="sticky-header__content"></div><!-- /.sticky-header__content --> </div><!-- /.stricky-header --> <div class="mobile-nav__wrapper"> <div class="mobile-nav__overlay mobile-nav__toggler"></div> <!-- /.mobile-nav__overlay --> <div class="mobile-nav__content"> <span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span> <div class="logo-box"> <a href="<?php echo $baseUrl; ?>index.php" aria-label="logo image"><img src="<?php echo $imageUrl; ?>home/logo.png" width="143" alt="" /></a> </div> <!-- /.logo-box --> <div class="mobile-nav__container"></div> <!-- /.mobile-nav__container --> <ul class="mobile-nav__contact list-unstyled"> <li> <a href="<?php echo $baseUrl; ?>careers.php">Careers</a> </li> <li> <!--<i class="fa fa-envelope"></i>--> <a href="mailto:enquiry.lead.trading@stengineers.com">enquiry.lead.trading@stengineers.com</a> </li> <li> <i class="fa fa-phone-alt"></i> <a href="tel:+91 9842304319">For Machine Enquiry:<br>+91 73976 85550</a> </li> <li> <i class="fa fa-phone-alt"></i> <a href="tel:+91 42225 90810">For Careers & General Enquiry:<br>+91 42225 90810</a> </li> </ul><!-- /.mobile-nav__contact --> <!-- <div class="mobile-nav__top"> <div class="mobile-nav__social"> <a href="#" class="fab fa-twitter"></a> <a href="#" class="fab fa-facebook-square"></a> <a href="#" class="fab fa-pinterest-p"></a> <a href="#" class="fab fa-instagram"></a> </div> </div> --> </div> <!-- /.mobile-nav__content --> </div> <!-- /.mobile-nav__wrapper --> <div class="search-popup"><div class="search-popup__overlay search-toggler"></div> <!-- /.search-popup__overlay --> <div class="search-popup__content"> <form action="#"> <label for="search" class="sr-only">search here</label><!-- /.sr-only --> <input type="text" id="search" placeholder="Search Here..." /> <button type="submit" aria-label="search submit" class="thm-btn"> <i class="icon-search"></i> </button> </form> </div> <!-- /.search-popup__content --> </div> <!-- /.search-popup --> <!-- Ad Popup --> <!--<div id="simpleModal" class="modal modal_home" >--> <!--<div class="modal-dialog" role="document">--> <!-- <div class="modal-content modal-content_h">--> <!-- <button type="button" class="close home_close" data-dismiss="modal" aria-label="Close" onclick="closehome()">--> <!-- <span aria-hidden="true">×</span>--> <!-- </button>--> <!-- <div class="imgdiv">--> <!-- <img src="<?php echo $baseUrl; ?>assets/images/st.jpg" class="img-fluid"/>--> <!-- </div>--> <!-- </div>--> <!--</div>--> <!--</div>--> <!-- Ad Popup --> <!-- side enquiry popup buttton --> <!-- side popup buttton --> <button class="side_enquiry" id="side_enquiry">For Enquiry</button> <!-- popup content start --> <div class="modal fade" id="modalform" tabindex="-1" aria-labelledby="modalformLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="close" id="close_btn" data-bs-dismiss="modal" aria-label="Close"> <img src="<?php echo $imageUrl; ?>cancel.png"> </button> <div class="form_sec centered_content" style="align-items:end;"> <form class="form-contact contact_form" id="enq_form" novalidate="novalidate"> <h5> Enquiry Form </h5> <div class="row"> <input type="hidden" class="form-control" name="pageSource" id="e_pageSource2" value="<?php echo $pagetitle; ?>"> <input type="hidden" id="g-recaptcha-response2" name="g-recaptcha-response"> <div class="col-sm-6"> <div class="form-group"> <input class="form-control " name="name" id="e_name2" type="text" placeholder="Name*"> <span style="color: red; font-size: 12px;" class="errorform" id="e_name_Err2"></span> </div> </div> <div class="col-sm-6"> <div class="form-group"> <input class="form-control " name="company" id="e_company2" type="text" placeholder="Company*"> <span style="color: red; font-size: 12px;" class="errorform" id="e_company_Err2"></span> </div> </div> <div class="col-sm-6"> <div class="form-group"> <input class="form-control " name="email" id="e_email2" type="email" placeholder="Email ID*"> <span style="color: red; font-size: 12px;" class="errorform" id="e_email_Err2"></span> </div> </div> <div class="col-sm-6"> <div class="form-group"> <input class="form-control " name="mobile" id="e_mobile2" type="tel" inputmode="tel" placeholder="Phone Number*"> <span style="color: red; font-size: 12px;" class="errorform" id="e_mobile_Err2"></span> </div> </div> <div class="col-sm-6"> <div class="form-group"> <input class="form-control " name="country" id="e_country2" type="text" placeholder="Country*"> <span style="color: red; font-size: 12px;" class="errorform" id="e_country_Err2"></span> </div> </div> <div class="col-sm-6"> <div class="form-group"> <input class="form-control " name="pincode" id="e_pincode2" type="text" placeholder="Pin Code*"> <span style="color: red; font-size: 12px;" class="errorform" id="e_pincode_Err2"></span> </div> </div> <div class="col-12"> <div class="form-group"> <input class="form-control" name="product" id="e_product2" type="text" placeholder="Product"> <span style="color: red; font-size: 12px;" class="errorform" id="e_product_Err2"></span> </div> </div> <div class="col-12"> <div class="form-group mt-25"> <textarea class="form-control w-100" name="message" id="e_message2" cols="30" rows="4" placeholder="Message"></textarea> <span style="color: red; font-size: 12px;" class="errorform" id="e_message_Err2"></span> </div> </div> </div> <div class="form-group mt-3 text-center"> <!-- ✅ Google reCAPTCHA --> <div class="g-recaptcha" data-sitekey="6LdpyB4sAAAAAFEGvTl7alj-dlsTn0qtlYbRGVw9" data-callback="onCaptchaVerified2"></div> <span id="recaptcha-error2" style="color:red; font-size:12px;"></span> </div> <!-- Submit btn --> <div class="form-group mt-3"> <button type="button" class="boxed-btn" id="add-submit2">SUBMIT</button> <div id="succ-client-alert2" style="color: green;padding: 6px 0px 0px 16px;text-align:center"></div> <div id="fail-client-alert2" style="color: red;padding: 6px 0px 0px 16px;text-align:center"></div> </div> </form> </div> </div> </div> </div> </div> <!-- image pop-up --> <!-- <div id="myModal-load" class="modal fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <button type="button" class="close" id="close_popup" data-bs-dismiss="modal" aria-label="Close"> <img src="<?php echo $imageUrl; ?>cancel.png"> </button> <img src="<?php echo $imageUrl; ?>pop-up.jpg"> </div> </div> </div> --> <script> // pop-up banner window.addEventListener("load", function() { if (!sessionStorage.getItem('popupShown')) { setTimeout(function open(event) { $("#myModal-load").modal('show'); sessionStorage.setItem('popupShown', 'true'); }, 1000); } }); </script> <!-- <script> // side enquiry let side_enquiry = document.getElementById("side_enquiry"); side_enquiry.addEventListener("click", () => { $('#modalform').modal('show'); }); </script> --> <script>document.getElementById("side_enquiry").addEventListener("click", () => { // var currentPage = window.location.href; // document.getElementById("pageSource").value = currentPage; $('#modalform').modal('show'); }); </script> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="https://rawgit.com/RobinHerbots/jquery.inputmask/3.x/dist/jquery.inputmask.bundle.js"></script> <script> // Vanilla Javascript // Make sure to place this snippet in the footer or at least after // the HTML input we're targeting. $(document).ready(function($) { var phoneInputID = "#e_mobile2"; var input = document.querySelector(phoneInputID); iti = window.intlTelInput(input, { // allowDropdown: false, // autoHideDialCode: false, // autoPlaceholder: "off", // dropdownContainer: document.body, // excludeCountries: ["us"], formatOnDisplay: true, autoHideDialCode: false, autoPlaceholder: "aggressive" , // geoIpLookup: function(callback) { // $.get("http://ipinfo.io", function() {}, "jsonp").always(function(resp) { // var countryCode = (resp && resp.country) ? resp.country : ""; // callback(countryCode); // }); // }, hiddenInput: "full_number", initialCountry: "in", // localizedCountries: { 'de': 'Deutschland' }, // nationalMode: false, // onlyCountries: ['us', 'gb', 'ch', 'ca', 'do'], // placeholderNumberType: "MOBILE", preferredCountries: ['in'], separateDialCode: true, customPlaceholder:function(selectedCountryPlaceholder,selectedCountryData){ return ''+selectedCountryPlaceholder.replace(/[0-9]/g,'X'); }, geoIpLookup: function(callback) { $.get('https://ipinfo.io', function() {}, "jsonp").always(function(resp) { var countryCode = (resp && resp.country) ? resp.country : ""; callback(countryCode); }); }, utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.14/js/utils.js" }); $(phoneInputID).on("focus click countrychange", function(e, countryData) { var pl = $(this).attr('placeholder') + ''; var res = pl.replace( /X/g ,'9'); if(res != 'undefined'){ $(this).inputmask(res, {placeholder: "X", clearMaskOnLostFocus: true}); } console.log(phoneInputID); }); $(phoneInputID).on("focusout", function(e, countryData) { var intlNumber = iti.getNumber(); console.log(intlNumber); }); }); $(document).ready(function() { $('.iti__flag-container').click(function() { var countryCode = $('.iti__selected-flag').attr('title'); var countryCode = countryCode.replace(/[^0-9]/g,'') $('e_mobile2').val(""); $('e_mobile2').val("+"+countryCode+" "+ $('e_mobile2').val()); }); }); </script> <script> // window.addEventListener("load", function() { // // Check if the modal has been opened before // if (!sessionStorage.getItem('modalOpened')) { // setTimeout(function open(event) { // document.querySelector(".modal").style.display = "block"; // $("#simpleModal").modal('show'); // // Mark that the modal has been opened // sessionStorage.setItem('modalOpened', 'true'); // }, 1000); // } // }); // function closehome() { // document.querySelector(".modal").style.display = "none"; // $("#simpleModal").modal('hide'); // } // // Modal Setup // var modal = document.getElementById('modal'); // var modalClose = document.getElementById('modal-close'); // modalClose.addEventListener('click', function() { // modal.style.display = "none"; // }); // // Global handler for modal-target click // document.addEventListener('click', function(e) { // if (e.target.className.indexOf('modal-target') !== -1) { // var img = e.target; // var modalImg = document.getElementById("modal-content"); // var captionText = document.getElementById("modal-caption"); // modal.style.display = "block"; // modalImg.src = img.src; // captionText.innerHTML = img.alt; // } // }); </script> <!-- Add reCAPTCHA script --> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <script> // Global variables for header form let headerIti; // For intlTelInput instance let recaptchaVerified2 = false; let isHeaderFormSubmitting = false; // reCAPTCHA callback function function onCaptchaVerified2(response) { recaptchaVerified2 = true; document.getElementById('recaptcha-error2').textContent = ''; document.getElementById('g-recaptcha-response2').value = response; } // Phone number validation function - STRICT 10-15 DIGITS ONLY function validatePhoneNumber(phone) { // Remove all non-digit characters (only keep numbers) const digitsOnly = phone.replace(/\D/g, ''); // Check length - must be exactly 10-15 digits if (digitsOnly.length < 10 || digitsOnly.length > 15) { return false; } // Check if it contains only digits return /^\d+$/.test(digitsOnly); } // Open modal functions function showHeaderEnquiryModal() { $('#modalform').modal('show'); // Reset reCAPTCHA when modal opens setTimeout(() => { if (typeof grecaptcha !== 'undefined' && grecaptcha.reset) { grecaptcha.reset(); } recaptchaVerified2 = false; }, 300); } // Initialize when document is ready $(document).ready(function() { // Phone input initialization for header form var phoneInputID = "#e_mobile2"; var input = document.querySelector(phoneInputID); if (input) { headerIti = window.intlTelInput(input, { formatOnDisplay: true, autoHideDialCode: false, autoPlaceholder: "polite", placeholderNumberType: "MOBILE", initialCountry: "in", preferredCountries: ['in', 'us', 'gb'], separateDialCode: true, utilsScript: "https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/11.0.14/js/utils.js" }); // STRICT INPUT RESTRICTION: ONLY NUMBERS, +, AND SPACES $(phoneInputID).on('input', function() { let value = $(this).val(); // 1. Remove all letters and invalid characters (only keep digits, +, spaces) let newValue = value.replace(/[^\d+\s]/g, ''); // 2. If user tries to type letters, show error immediately if (value !== newValue) { // Show error message $('#e_mobile_Err2').text('Only numbers allowed (10-15 digits)'); // Remove the invalid characters $(this).val(newValue); } else { // Clear error if valid $('#e_mobile_Err2').text(''); } // 3. Get digits only count const digitsOnly = newValue.replace(/\D/g, ''); // 4. If more than 15 digits, truncate if (digitsOnly.length > 15) { let truncated = ''; let digitCount = 0; // Build new value with max 15 digits for (let i = 0; i < newValue.length; i++) { if (newValue[i].match(/\d/)) { if (digitCount < 15) { truncated += newValue[i]; digitCount++; } } else { truncated += newValue[i]; } } $(this).val(truncated); $('#e_mobile_Err2').text('Maximum 15 digits allowed'); } // 5. Validate phone format validateHeaderPhoneField(); }); // Add blur event for validation $(phoneInputID).on('blur', function() { validateHeaderPhoneField(); }); // Also validate when country changes input.addEventListener('countrychange', function() { validateHeaderPhoneField(); }); } // Side enquiry button event listener document.getElementById("side_enquiry").addEventListener("click", showHeaderEnquiryModal); // Submit button event listener $('#add-submit2').on('click', function() { submitHeaderEnquiryForm(); }); // Real-time validation for each field $('#e_name2').on('blur', validateHeaderNameField); $('#e_company2').on('blur', validateHeaderCompanyField); $('#e_email2').on('blur', validateHeaderEmailField); $('#e_country2').on('blur', validateHeaderCountryField); $('#e_pincode2').on('blur', validateHeaderPincodeField); $('#e_message2').on('blur', validateHeaderMessageField); // Handle Enter key in form $('#enq_form').on('keypress', function(e) { if (e.which === 13) { e.preventDefault(); if (!isHeaderFormSubmitting) { submitHeaderEnquiryForm(); } } }); // Reset form when modal closes $('#modalform').on('hidden.bs.modal', function() { resetHeaderForm(); }); }); // Individual field validation functions for header form function validateHeaderNameField() { const name = $('#e_name2').val().trim(); const errorElement = $('#e_name_Err2'); if (!name) { errorElement.text('Name is required'); return false; } if (name.length < 2) { errorElement.text('Name must be at least 2 characters'); return false; } if (!/^[a-zA-Z\s]+$/.test(name)) { errorElement.text('Name can only contain letters and spaces'); return false; } errorElement.text(''); return true; } function validateHeaderCompanyField() { const company = $('#e_company2').val().trim(); const errorElement = $('#e_company_Err2'); if (!company) { errorElement.text('Company name is required'); return false; } if (company.length < 2) { errorElement.text('Company name must be at least 2 characters'); return false; } errorElement.text(''); return true; } function validateHeaderEmailField() { const email = $('#e_email2').val().trim(); const errorElement = $('#e_email_Err2'); if (!email) { errorElement.text('Email is required'); return false; } if (!validateEmail(email)) { errorElement.text('Please enter a valid email address'); return false; } errorElement.text(''); return true; } function validateHeaderPhoneField() { const phone = $('#e_mobile2').val().trim(); const errorElement = $('#e_mobile_Err2'); if (!phone) { errorElement.text('Phone number is required'); return false; } // Check for letters in the input if (/[a-zA-Z]/.test(phone)) { errorElement.text('Phone number cannot contain letters'); return false; } // Get the actual phone number (with intlTelInput if available) let phoneNumber = phone; if (typeof headerIti !== 'undefined') { phoneNumber = headerIti.getNumber() || phone; } // STRICT VALIDATION: 10-15 DIGITS ONLY if (!validatePhoneNumber(phoneNumber)) { errorElement.text('Please enter a valid phone number (10-15 digits only)'); return false; } errorElement.text(''); return true; } function validateHeaderCountryField() { const country = $('#e_country2').val().trim(); const errorElement = $('#e_country_Err2'); if (!country) { errorElement.text('Country is required'); return false; } if (country.length < 2) { errorElement.text('Please enter a valid country name'); return false; } errorElement.text(''); return true; } function validateHeaderPincodeField() { const pincode = $('#e_pincode2').val().trim(); const errorElement = $('#e_pincode_Err2'); if (!pincode) { errorElement.text('Pin Code is required'); return false; } if (!/^\d{4,10}$/.test(pincode)) { errorElement.text('Please enter a valid pin code (4-10 digits)'); return false; } errorElement.text(''); return true; } function validateHeaderMessageField() { const message = $('#e_message2').val().trim(); const errorElement = $('#e_message_Err2'); if (message.length > 1000) { errorElement.text('Message must be less than 1000 characters'); return false; } errorElement.text(''); return true; } // Email validation function function validateEmail(email) { var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(String(email).toLowerCase()); } // Main enquiry submission function for header form with complete validation function submitHeaderEnquiryForm() { // Prevent multiple submissions if (isHeaderFormSubmitting) return; // Clear all previous error messages $('.errorform').html(''); $('#succ-client-alert2').html(''); $('#fail-client-alert2').html(''); $('#recaptcha-error2').html(''); let hasError = false; // Get form values const name = $('#e_name2').val().trim(); const company = $('#e_company2').val().trim(); const email = $('#e_email2').val().trim(); const phone = $('#e_mobile2').val().trim(); const country = $('#e_country2').val().trim(); const pincode = $('#e_pincode2').val().trim(); const product = $('#e_product2').val().trim(); const message = $('#e_message2').val().trim(); const pageSource = $('#e_pageSource2').val(); // Validate Name if (!validateHeaderNameField()) hasError = true; // Validate Company if (!validateHeaderCompanyField()) hasError = true; // Validate Email if (!validateHeaderEmailField()) hasError = true; // STRICT PHONE VALIDATION if (!phone) { $('#e_mobile_Err2').text('Phone number is required'); hasError = true; } else { // Check for letters in phone number if (/[a-zA-Z]/.test(phone)) { $('#e_mobile_Err2').text('Phone number cannot contain letters'); hasError = true; } else { // Get full number from intlTelInput if available let fullPhoneNumber = phone; if (typeof headerIti !== 'undefined') { fullPhoneNumber = headerIti.getNumber() || phone; } // STRICT VALIDATION: 10-15 DIGITS ONLY if (!validatePhoneNumber(fullPhoneNumber)) { $('#e_mobile_Err2').text('Please enter a valid phone number (10-15 digits only)'); hasError = true; } } } // Validate Country if (!validateHeaderCountryField()) hasError = true; // Validate Pin Code if (!validateHeaderPincodeField()) hasError = true; // Validate Message if (!validateHeaderMessageField()) hasError = true; // Validate reCAPTCHA const captchaResponse = grecaptcha.getResponse(); if (!captchaResponse) { $('#recaptcha-error2').text('Please complete the reCAPTCHA verification.'); hasError = true; } // If any validation errors, stop submission if (hasError) { console.log("Header form has validation errors"); return false; } // Set submitting state isHeaderFormSubmitting = true; const submitBtn = $('#add-submit2'); submitBtn.prop('disabled', true).text('Submitting...'); // Get full phone number from intlTelInput if available let fullPhoneNumber = phone; if (typeof headerIti !== 'undefined') { fullPhoneNumber = headerIti.getNumber() || phone; } // Prepare form data as FormData object const formData = new FormData(); formData.append('name', name); formData.append('company', company); formData.append('email', email); formData.append('mobile', fullPhoneNumber); formData.append('country', country); formData.append('pincode', pincode); formData.append('product', product); formData.append('message', message); formData.append('g-recaptcha-response', captchaResponse); console.log("Submitting header form data..."); console.log("Name:", name); console.log("Company:", company); console.log("Email:", email); console.log("Mobile:", fullPhoneNumber); console.log("Country:", country); console.log("Pincode:", pincode); console.log("Product:", product); // Submit via AJAX $.ajax({ type: "POST", url: "https://stengineers.com/admin/api/insertenquiry.php", data: formData, processData: false, contentType: false, dataType: "json", success: function(response) { isHeaderFormSubmitting = false; submitBtn.prop('disabled', false).text('SUBMIT'); console.log("Server response:", response); if (response.status === true) { // Show success message $('#succ-client-alert2').html(` <div style="background: #d4edda; color: #155724; padding: 12px; border-radius: 5px; border: 1px solid #c3e6cb;"> <strong>Thank You!</strong> Your enquiry has been submitted successfully! <br> <small>Redirecting to thank you page...</small> </div> `); // Reset form $('#enq_form')[0].reset(); // Reset phone input if (typeof headerIti !== 'undefined') { headerIti.setNumber(""); } // Reset reCAPTCHA grecaptcha.reset(); recaptchaVerified2 = false; document.getElementById('g-recaptcha-response2').value = ''; // After 1.5 seconds, close the modal and redirect to thank you page setTimeout(function() { $('#succ-client-alert2').text(''); $('#modalform').modal('hide'); // Redirect to thank you page window.location.href = "https://stengineers.com/thank-you/"; }, 1500); } else { // Display server error message $('#fail-client-alert2').text(response.message || 'Failed to send enquiry.'); // Reset reCAPTCHA on error grecaptcha.reset(); recaptchaVerified2 = false; document.getElementById('g-recaptcha-response2').value = ''; } }, error: function(xhr, status, error) { isHeaderFormSubmitting = false; submitBtn.prop('disabled', false).text('SUBMIT'); console.error('AJAX Error:', status, error); console.error('XHR response:', xhr.responseText); let errorMessage = 'An error occurred. Please try again.'; // Try to parse error response if it's JSON try { const errorResponse = JSON.parse(xhr.responseText); if (errorResponse.message) { errorMessage = errorResponse.message; } } catch (e) { // If not JSON, use default message } $('#fail-client-alert2').text(errorMessage); // Reset reCAPTCHA grecaptcha.reset(); recaptchaVerified2 = false; document.getElementById('g-recaptcha-response2').value = ''; } }); } // Reset form function for header form function resetHeaderForm() { // Reset form fields $('#enq_form')[0].reset(); // Reset phone input if (typeof headerIti !== 'undefined') { headerIti.setNumber(""); } // Reset reCAPTCHA if (typeof grecaptcha !== 'undefined' && grecaptcha.reset) { grecaptcha.reset(); } recaptchaVerified2 = false; document.getElementById('g-recaptcha-response2').value = ''; // Clear messages $('.errorform').html(''); $('#succ-client-alert2').html(''); $('#fail-client-alert2').html(''); $('#recaptcha-error2').html(''); // Reset submitting state isHeaderFormSubmitting = false; // Re-enable submit button $('#add-submit2').prop('disabled', false).text('SUBMIT'); } </script>