1 2 3<!DOCTYPE html> 4 5<html lang="th"> 6<head><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /> 7 8 <!-- Mobile Meta --> 9 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /><title> 10 Bplus 11</title><link rel="shortcut icon" href="../assets/img/favicon.ico?v=20240730001" /><link rel="stylesheet" href="../assets/css/plugins.css" /><link rel="stylesheet" href="../assets/css/style.css" /><link rel="stylesheet" href="../assets/css/colors/red.css" /><link rel="stylesheet" href="../assets/css/fonts/anuphan.css?v=20260921001" /><link rel="stylesheet" href="../plugins/cookiealert/cookiealert.css" /><link id="canonicalTag" rel="canonical" href="https://www.bplus.co.th/Login/" /> 12<link rel="stylesheet" href="../css/custom.css?v=20260926007" /> 13 14 <style> 15 .navbar-clone { 16 display: none; 17 } 18 </style> 19 20 <!-- Google tag (gtag.js) -->
vendor: 69 bytes, lines 20-21
20 21 <script async src="https://www.googletagmanager.com/gtag/js?id=
21G-6W32WD7L8C
vendor: 17 bytes, lines 21-22
21"></script> 22
22<script> 23
vendor: 159 bytes, lines 23-27
23window.dataLayer = window.dataLayer || []; 24 function gtag() { dataLayer.push(arguments); } 25 gtag('js', new Date()); 26 27 gtag('config', '
27G-6W32WD7L8C
vendor: 9 bytes, lines 27-28
27'); 28
28</script>
28 29 30 <!-- Google Tag Manager --> 31
31<script>
vendor: 485 bytes, lines 31-38
31(function (w, d, s, l, i) { 32 w[l] = w[l] || []; w[l].push({ 33 'gtm.start': 34 new Date().getTime(), event: 'gtm.js' 35 }); var f = d.getElementsByTagName(s)[0], 36 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 37 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 38 })(window, document, 'script', 'dataLayer', '
38GTM-W8BWWD2Z
vendor: 3 bytes, line 38
38');
38</script>
38 39 <!-- End Google Tag Manager --> 40 41 <!-- Google Tag Manager (GTM-WR3QZFJJ) --> 42
42<script>
vendor: 485 bytes, lines 42-49
42(function (w, d, s, l, i) { 43 w[l] = w[l] || []; w[l].push({ 44 'gtm.start': 45 new Date().getTime(), event: 'gtm.js' 46 }); var f = d.getElementsByTagName(s)[0], 47 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 48 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 49 })(window, document, 'script', 'dataLayer', '
49GTM-WR3QZFJJ
vendor: 3 bytes, line 49
49');
49</script>
49 50 <!-- End Google Tag Manager (GTM-WR3QZFJJ) --> 51<meta content="noindex, follow" name="robots" /><meta content="website" property="og:type" /><meta content="Bplus e-HRM" property="og:site_name" /><meta content="th_TH" property="og:locale" /><meta content="https://www.bplus.co.th/Login/" property="og:url" /><meta content="Bplus" property="og:title" /><meta content="https://www.bplus.co.th/assets/img/og/bplus-ehrm-og-1200x630.jpg" property="og:image" /><meta content="1200" property="og:image:width" /><meta content="630" property="og:image:height" /><meta content="summary_large_image" name="twitter:card" /></head> 52<body> 53 <!-- Google Tag Manager (noscript) (GTM-WR3QZFJJ) -->
vendor: 83 bytes, lines 53-55
53 54 <noscript> 55 <iframe src="https://www.googletagmanager.com/ns.html?id=
55GTM-WR3QZFJJ
vendor: 110 bytes, lines 55-58
55" 56 height="0" width="0" style="display: none; visibility: hidden"></iframe> 57 </noscript> 58
58<!-- End Google Tag Manager (noscript) (GTM-WR3QZFJJ) --> 59 <form method="post" action="./" id="form1"> 60<div class="aspNetHidden"> 61<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNDMyNDU0NjAzD2QWAmYPZBYCAgEPZBYCAgsPFgIeBGhyZWYFHmh0dHBzOi8vd3d3LmJwbHVzLmNvLnRoL0xvZ2luL2RkPJqXvXNydOLS8bVGtefRhFEtIKdWI1EkIH3PGn7uFok=" /> 62</div> 63 64<div class="aspNetHidden"> 65 66 <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="C2EE9ABB" /> 67 <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdAAKXHqsaiHBPAzTcywHY9Bzw/77gSkWTRwAoWWf6wu6tYMOLDbvFTVWNHH8HX4V/Y3zGz3tZMXvAemhtIYT0uncC" /> 68</div> 69 <input type="hidden" name="ctl00$hdUrlPath" id="hdUrlPath" value="/" /> 70 71 <div class="content-wrapper"> 72 <header> 73 <nav class="navbar navbar-expand-lg center-nav transparent navbar-light fixed-top"> 74 <div class="container flex-lg-row flex-nowrap align-items-center"> 75 <div class="navbar-brand w-100"> 76 <a id="linkMain" href="../"><img id="Image1" srcset="https://www.bplus.co.th/assets/img/[email protected] 2x" src="../assets/img/logo.png" alt="Bplus e-HRM หà¸à¹à¸²à¹à¸£à¸" /></a> 77 </div> 78 <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start"> 79 <div class="offcanvas-header d-lg-none"> 80 <h3 class="text-white fs-30 mb-0"><a id="navbar_bplus" name="navbar_bplus" href="https://www.bplus.co.th/">Bplus</a></h3> 81 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button> 82 </div> 83 <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100"> 84 <ul class="navbar-nav"> 85 <li class="nav-item"> 86 <a id="linkEHRM" class="nav-link" href="../Product/e-HRM/">e-HRM</a> 87 </li> 88 <li class="nav-item dropdown"> 89 <a id="HyperLink10" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="../Service/e-HRM/">Price</a> 90 <ul class="dropdown-menu"> 91 <li class="nav-item"><a id="HyperLink11" class="dropdown-item" href="../Price/e-HRM/">Price</a></li> 92 <li class="nav-item"><a id="HyperLink12" class="dropdown-item" href="../Promotion/e-HRM/">Promotion</a></li> 93 </ul> 94 </li> 95 <li class="nav-item"> 96 <a id="linkAbout" class="nav-link" href="../About/">About Us</a> 97 </li> 98 <li class="nav-item"> 99 <a id="linkBusinessplus" class="nav-link" href="https://www.businessplus.co.th/Product/business-plus-hrm-c008">Bplus HRM</a> 100 </li> 101 <li class="nav-item"> 102 <a id="linkFAQsSale" class="nav-link" href="../FAQs/e-HRM/">FAQs</a> 103 </li> 104 <li class="nav-item dropdown" id="menuService"> 105 <a id="linkService" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="../Service/e-HRM/">Knowledge</a> 106 <ul class="dropdown-menu"> 107 <li class="nav-item"><a id="linkManualFull" class="dropdown-item" href="../Service/e-HRM/FullGuide/">à¸à¸¹à¹à¸¡à¸·à¸à¸à¸à¸±à¸à¹à¸à¹à¸¡</a></li> 108 <li class="nav-item"><a id="linkLearning" class="dropdown-item" href="../Service/e-HRM/eLearning/">e-Learning</a></li> 109 <li class="nav-item"><a id="linkManualShort" class="dropdown-item" href="../Service/e-HRM/QuickGuide/">à¸à¸¹à¹à¸¡à¸·à¸à¸à¸à¸±à¸à¸¢à¹à¸</a></li> 110 <li class="nav-item"><a id="linkVideo" class="dropdown-item" href="../Service/e-HRM/VDO/">VDO</a></li> 111 <li class="nav-item"><a id="linkBlog" class="dropdown-item" href="../Blog/">Blog</a></li> 112 <li class="nav-item"><a id="linkFAQsSupport" class="dropdown-item" href="../Service/e-HRM/FAQs/12458">FAQs</a></li> 113 </ul> 114 </li> 115 </ul> 116 <!-- /.navbar-nav --> 117 <div class="offcanvas-footer d-lg-none"> 118 <div> 119 <a id="footer_social_mail" name="footer_social_mail" href="mailto:[email protected]" class="link-inverse">[email protected]</a> 120 <br /> 121 092 345 3681 122 <br /> 123 <nav class="nav social social-white mt-4"> 124 <a id="social_line" name="social_line" href="https://lin.ee/WYQKQuk" title="Line" target="_blank"><i class="uil uil-line"></i></a> 125 <a id="footer_social_tiktok" name="footer_social_tiktok" href="https://www.tiktok.com/@bplushrm" title="Tiktok" target="_blank"><i class="uil uil-tiktok"></i></a> 126 <a id="footer_social_ig" name="footer_social_ig" href="https://www.instagram.com/bplus_ehrm" title="IG" target="_blank"><i class="uil uil-instagram"></i></a> 127 <a id="footer_social_youtube" name="footer_social_youtube" href="https://www.youtube.com/playlist?list=PL7Sr2vIJntHajyz8sqUS2gD4fdZ0fmwb3" title="Youtube" target="_blank"><i class="uil uil-youtube"></i></a> 128 </nav> 129 <!-- /.social --> 130 </div> 131 </div> 132 <!-- /.offcanvas-footer --> 133 </div> 134 <!-- /.offcanvas-body --> 135 </div> 136 <!-- /.navbar-collapse --> 137 <div class="navbar-other w-100 d-flex ms-auto"> 138 <ul class="navbar-nav flex-row align-items-center ms-auto"> 139 140 141 <li class="nav-item"><a id="link_info" name="link_info" class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info"><i class="uil uil-info-circle"></i></a></li> 142 <li id="menuLogin" class="nav-item d-none d-md-block"> 143 <a id="linkLogin" class="btn btn-sm btn-primary rounded-pill" href="./">Login</a> 144 </li> 145 <li class="nav-item d-lg-none"> 146 <button id="hamburger" class="hamburger offcanvas-nav-btn"><span></span></button> 147 </li> 148 </ul> 149 <!-- /.navbar-nav --> 150 </div> 151 <!-- /.navbar-other --> 152 </div> 153 <!-- /.container --> 154 </nav> 155 <!-- /.navbar --> 156 157 <div class="offcanvas offcanvas-end text-inverse" id="offcanvas-info" data-bs-scroll="true"> 158 <div class="offcanvas-header"> 159 <h3 class="text-white fs-30 mb-0"><a id="offcanvas_bplus" name="offcanvas_bplus" href="https://www.bplus.co.th/">Bplus</a></h3> 160 <button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button> 161 </div> 162 <div class="offcanvas-body pb-6"> 163 <!-- /.widget --> 164 <div class="widget mb-8"> 165 <h4 class="widget-title text-white mb-3">à¸à¸´à¸à¸à¹à¸à¹à¸£à¸²</h4> 166 <address> 167 à¸à¸£à¸´à¸©à¸±à¸ à¸à¸µ-à¸à¸´à¸à¸´à¹à¸à¸ª à¸à¸¥à¸±à¸ª à¸à¸³à¸à¸±à¸ 168 <br /> 169 11-14 à¸à¸à¸¢à¸à¸£à¸¡à¸£à¸²à¸à¸à¸à¸à¸µ 39 à¹à¸à¸§à¸à¸à¸¥à¸´à¹à¸à¸à¸±à¸ à¹à¸à¸à¸à¸¥à¸´à¹à¸à¸à¸±à¸ à¸à¸£à¸¸à¸à¹à¸à¸à¸¡à¸«à¸²à¸à¸à¸£ 10170 170 </address> 171 <a id="widget_mail" name="widget_mail" href="mailto:[email protected]">[email protected]</a><br /> 172 092 345 3681 173 174 </div> 175 <!-- /.widget --> 176 <div class="widget mb-8"> 177 <h4 class="widget-title text-white mb-3">à¹à¸£à¸µà¸¢à¸à¸£à¸¹à¹à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡</h4> 178 <ul class="list-unstyled"> 179 <li><a id="HyperLink1" href="../Terms/Sale/">
179à¹à¸à¸·à¹à¸à¸à¹à¸à¸à¸²à¸£à¸à¸²à¸¢</a></li> 180 <li><a id="HyperLink2" href="../Terms/Service/">à¹à¸à¸·à¹à¸à¸à¹à¸à¸à¸²à¸£à¸à¸£à¸´à¸à¸²à¸£</a></li> 181 <li><a id="HyperLink3" href="../Terms/Policy/">à¸à¹à¸¢à¸à¸²à¸¢à¸ªà¹à¸§à¸à¸à¸¸à¸à¸à¸¥</a></li> 182 <li><a id="HyperLink4" href="../Terms/Cookies/">à¸à¹à¸¢à¸à¸²à¸¢à¸à¸¸à¹à¸à¸à¸µà¹</a></li> 183 </ul> 184 </div> 185 <!-- /.widget --> 186 <div class="widget"> 187 <h4 class="widget-title text-white mb-3">Follow Us</h4> 188 <nav class="nav social social-white"> 189 <a id="widget_social_line" name="widget_social_line" href="https://lin.ee/WYQKQuk" title="Line" target="_blank"><i class="uil uil-line"></i></a> 190 <a id="widget_social_tiktok" name="widget_social_tiktok" href="https://www.tiktok.com/@bplushrm" title="Tiktok" target="_blank"><i class="uil uil-tiktok"></i></a> 191 <a id="widget_social_ig" name="widget_social_ig" href="https://www.instagram.com/bplus_ehrm" title="IG" target="_blank"><i class="uil uil-instagram"></i></a> 192 <a id="widget_social_youtbube" name="widget_social_youtbube" href="https://www.youtube.com/playlist?list=PL7Sr2vIJntHajyz8sqUS2gD4fdZ0fmwb3" title="Youtube" target="_blank"><i class="uil uil-youtube"></i></a> 193 </nav> 194 <!-- /.social --> 195 </div> 196 <!-- /.widget --> 197 </div> 198 <!-- /.offcanvas-body --> 199 </div> 200 <!-- /.offcanvas --> 201 </header> 202 <!-- /header --> 203 204 205 206 207 <section class="wrapper image-wrapper bg-image bg-overlay bg-overlay-light-600 text-white" data-image-src="https://www.bplus.co.th/assets/img/photos/bg24.png"> 208 <div class="container pt-17 pb-20 pt-md-19 pb-md-21 text-center"> 209 <div class="row"> 210 <div class="col-lg-8 mx-auto"> 211 <h1 class="display-1 mb-3">à¹à¸à¹à¸²à¸ªà¸¹à¹à¸£à¸°à¸à¸</h1> 212 </div> 213 <!-- /column --> 214 </div> 215 <!-- /.row --> 216 </div> 217 <!-- /.container --> 218 </section> 219 <!-- /section --> 220 <section class="wrapper bg-light"> 221 <div class="container pb-14 pb-md-16"> 222 <div class="row"> 223 <div class="col-lg-7 col-xl-6 col-xxl-5 mx-auto mt-n20"> 224 <div class="card"> 225 <div class="card-body p-11 text-center"> 226 <h2 class="mb-3 text-start">ยิà¸à¸à¸µà¸à¹à¸à¸à¸£à¸±à¸à¸ªà¸¡à¸²à¸à¸´à¸ Bplus.co.th</h2> 227 <p class="lead mb-6 text-start">à¸à¸£à¸à¸à¸à¸±à¸à¸à¸µà¹à¸¥à¸°à¸£à¸«à¸±à¸ªà¸à¹à¸²à¸à¹à¸à¸·à¹à¸à¸¥à¸à¸à¸·à¹à¸à¹à¸à¹à¸²à¹à¸à¹</p> 228 <div class="text-start mb-3"> 229 <div class="form-floating mb-4"> 230 <input type="text" class="form-control" placeholder="Username" id="txtUsername"> 231 <label for="txtUsername">Username</label> 232 </div> 233 <div class="form-floating password-field mb-4"> 234 <input type="password" class="form-control" placeholder="Password" id="txtPassword"> 235 <span class="password-toggle"><i class="uil uil-eye"></i></span> 236 <label for="txtPassword">Password</label> 237 </div> 238 <!-- Hidden input สำหรัà¸à¹à¸à¹à¸ reCAPTCHA token --> 239 <input type="hidden" id="recaptchaResponse" /> 240 <button id="btnLogin" type="button" class="btn btn-primary rounded-pill btn-login w-100">Login</button> 241 <br /> 242 <label id="lblResult" class="text-danger text-center w-100 mt-2"></label> 243 </div> 244 <!-- /form --> 245 </div> 246 <!--/.card-body --> 247 </div> 248 <!--/.card --> 249 </div> 250 <!-- /column --> 251 </div> 252 <!-- /.row --> 253 </div> 254 <!-- /.container --> 255 </section> 256 <!-- /section --> 257 258 </div> 259 <!-- /.content-wrapper --> 260 261 <footer class="bg-light"> 262 <div class="container py-8"> 263 <div class="row gy-8 gy-lg-0"> 264 <div class="col-md-6 col-lg-3"> 265 <div class="widget"> 266 <img id="Image2" class="mb-4 img-fluid" srcset="https://www.bplus.co.th/assets/img/[email protected] 2x" src="../assets/img/logo.png" alt="Bplus e-HRM" /> 267 <p class="mb-4"> 268 © 2024 Bplus. 269 <br class="d-none d-lg-block"> 270 All rights reserved. 271 </p> 272 <nav class="nav social "> 273 <a id="nev_social_line" name="nev_social_line" href="https://lin.ee/WYQKQuk" title="Line" target="_blank"><i class="uil uil-line"></i></a> 274 <a id="nev_social_tiktok" name="nev_social_tiktok" href="https://www.tiktok.com/@bplushrm" title="Tiktok" target="_blank"><i class="uil uil-tiktok"></i></a> 275 <a id="nev_social_ig" name="nev_social_ig" href="https://www.instagram.com/bplus_ehrm" title="IG" target="_blank"><i class="uil uil-instagram"></i></a> 276 <a id="nev_social_youtbube" name="nev_social_youtbube" href="https://www.youtube.com/playlist?list=PL7Sr2vIJntHajyz8sqUS2gD4fdZ0fmwb3" title="Youtube" target="_blank"><i class="uil uil-youtube"></i></a> 277 </nav> 278 </div> 279 </div> 280 <div class="col-md-6 col-lg-3"> 281 <div class="widget"> 282 <h4 class="widget-title mb-3">à¸à¸£à¸´à¸©à¸±à¸ à¸à¸µ-à¸à¸´à¸à¸´à¹à¸à¸ª à¸à¸¥à¸±à¸ª à¸à¸³à¸à¸±à¸</h4>
283 <address class="pe-xl-13 pe-xxl-15">12-14 à¸à¸à¸¢à¸à¸£à¸¡à¸£à¸²à¸à¸à¸à¸à¸µ 39 à¹à¸à¸§à¸à¸à¸¥à¸´à¹à¸à¸à¸±à¸ à¹à¸à¸à¸à¸¥à¸´à¹à¸à¸à¸±à¸ à¸à¸£à¸¸à¸à¹à¸à¸à¸¡à¸«à¸²à¸à¸à¸£ 10170</address> 284 <a id="widget_addr_mail" name="widget_addr_mail" href="mailto:[email protected]" class="link-body">[email protected]</a><br> 285 092 345 3681 286 </div> 287 </div> 288 <div class="col-md-6 col-lg-3"> 289 <div class="widget"> 290 <h4 class="widget-title mb-3">à¹à¸à¸à¸à¸µà¹à¸à¸£à¸´à¸©à¸±à¸</h4> 291 <a id="widget_addr_map" name="widget_addr_map" href="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3874.913927957764!2d100.459703!3d13.784062!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x30e29a1fdbcd4fe7%3A0xc198c8b11d667501!2zRS1CdXNpbmVzcyBQbHVzIENvLiwgTHRkLiAo4Lia4Lij4Li04Lip4Lix4LiXIOC4reC4tS3guJrguLTguIvguLTguYDguJnguKog4Lie4Lil4Lix4LiqIOC4iOC4s-C4geC4seC4lCk!5e0!3m2!1sth!2sth!4v1703555227437!5m2!1sth!2sth" data-glightbox data-gallery="map1"> 292 <img id="imgMaps" class="img-fluid" src="../assets/img/Map/MAP_BT-64.jpg" alt="à¹à¸à¸à¸à¸µà¹ à¸à¸£à¸´à¸©à¸±à¸ à¸à¸µ-à¸à¸´à¸à¸´à¹à¸à¸ª à¸à¸¥à¸±à¸ª à¸à¸³à¸à¸±à¸" /></a> 293 </div> 294 </div> 295 <div class="col-md-6 col-lg-2 offset-lg-1"> 296 <div class="widget"> 297 <h4 class="widget-title mb-3">à¹à¸£à¸µà¸¢à¸à¸£à¸¹à¹à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡</h4> 298 <ul class="list-unstyled text-reset mb-0"> 299 <li><a id="HyperLink5" href="../Terms/Sale/">à¹à¸à¸·à¹à¸à¸à¹à¸à¸à¸²à¸£à¸à¸²à¸¢</a></li> 300 <li><a id="HyperLink6" href="../Terms/Service/">à¹à¸à¸·à¹à¸à¸à¹à¸à¸à¸²à¸£à¸à¸£à¸´à¸à¸²à¸£</a></li> 301 <li><a id="HyperLink7" href="../Terms/Policy/">à¸à¹à¸¢à¸à¸²à¸¢à¸ªà¹à¸§à¸à¸à¸¸à¸à¸à¸¥</a></li> 302 <li><a id="HyperLink8" href="../Terms/Cookies/">à¸à¹à¸¢à¸à¸²à¸¢à¸à¸¸à¹à¸à¸à¸µà¹</a></li> 303 <li><a id="HyperLink13" href="../Terms/Use/">à¹à¸à¸·à¹à¸à¸à¹à¸à¸à¸£à¸´à¸à¸²à¸£</a></li> 304 </ul> 305 </div> 306 </div> 307 </div> 308 </div> 309 </footer> 310 <div class="progress-wrap"> 311 <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"> 312 <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" /> 313 </svg> 314 </div> 315 <div id="divPosition" class="toast-container position-fixed p-3"> 316 <div id="liveToast" class="toast align-items-center text-white" role="alert" style="word-break: break-all;" 317 aria-live="assertive" aria-atomic="true"> 318 <div class="d-flex align-items-center"> 319 <div id="divToastBody" class="toast-body"> 320 </div> 321 <button id="btn-toast-close" type="button" class="btn-close btn-close-custom me-2 m-auto" data-bs-dismiss="toast" 322 aria-label="Close"> 323 </button> 324 </div> 325 </div> 326 </div> 327 328 <div class="modal fade" id="modalToast" tabindex="-1" data-bs-backdrop="static"> 329 <div class="modal-dialog modal-dialog-centered modal-md"> 330 <div class="modal-content text-center"> 331 <div class="modal-body" style="padding-bottom:10px;"> 332 333 334 <p class="h1 mb-0"><span id="lblModalToast" class="text-success"></span></p> 335 </div> 336 <!--/.modal-body --> 337 <div class="modal-footer custom" style="display:block; padding-bottom: 10px !important;"> 338 <button id="btnCloasToast" style="width:150px;" class="btn btn-green rounded-pill btn-login mb-2" data-bs-dismiss="modal" aria-label="Close">à¸à¸´à¸</button> 339 </div> 340 </div> 341 <!--/.modal-content --> 342 </div> 343 <!--/.modal-dialog --> 344 </div> 345 <!--/.modal --> 346 347 348 <div class="bp-contact" id="bpContact"> 349 <div class="bp-contact-menu" id="bpContactMenu"> 350 <a id="linkProduct" class="bp-contact-item is-shop fm-shop" href="../Product/e-HRM/" target="_blank">
351 <span class="bp-contact-icon"><i class="uil uil-store-alt" aria-hidden="true"></i></span><span>สà¸à¹à¸à¸ªà¸´à¸à¸à¹à¸²</span> 352 </a> 353 <a id="linkLine" class="bp-contact-item is-line fm-line" href="https://lin.ee/6l1jfeC" target="_blank"> 354 <span class="bp-contact-icon"><img id="Image4" src="../assets/img/line-icon.png" alt="" /></span><span>à¹à¸à¸´à¹à¸¡à¹à¸à¸·à¹à¸à¸à¸à¸²à¸ LINE</span> 355 </a> 356 <a id="linkCall" class="bp-contact-item is-call fm-call" href="tel:092-345-3681"> 357 <span class="bp-contact-icon"><i class="uil uil-phone-volume" aria-hidden="true"></i></span><span>à¹à¸à¸£ 092-345-3681</span> 358 </a> 359 </div> 360 <button type="button" class="bp-contact-toggle" id="bpContactToggle" aria-expanded="false" aria-controls="bpContactMenu" aria-label="à¸à¸´à¸à¸à¹à¸à¹à¸£à¸²"> 361 <i class="uil uil-comment-dots bp-contact-open" aria-hidden="true"></i><i class="uil uil-times bp-contact-close" aria-hidden="true"></i> 362 </button> 363 </div> 364 365 <!-- START Bootstrap-Cookie-Alert --> 366 <div class="alert text-center cookiealert" role="alert"> 367 <b>à¸à¸¸à¸à¸à¸à¸à¸à¸¸à¸à¸à¸µà¹à¹à¸«à¸¡?</b> 🍪 à¹à¸£à¸²à¹à¸à¹à¸à¸¸à¸à¸à¸µà¹à¹à¸à¸·à¹à¸à¹à¸«à¹à¹à¸à¹à¹à¸à¸§à¹à¸²à¸à¸¸à¸à¹à¸à¹à¸£à¸±à¸à¸à¸£à¸°à¸ªà¸à¸à¸²à¸£à¸à¹à¸à¸µà¹à¸à¸µà¸à¸µà¹à¸ªà¸¸à¸à¸à¸à¹à¸§à¹à¸à¹à¸à¸à¹à¸à¸à¸à¹à¸£à¸² 368 <a href="../Terms/Cookies/">à¸à¹à¸¢à¸à¸²à¸¢à¸à¸²à¸£à¹à¸à¹à¸à¸¸à¸à¸à¸µà¹ / à¹à¸£à¸µà¸¢à¸à¸£à¸¹à¹à¹à¸à¸´à¹à¸¡à¹à¸à¸´à¸¡</a> 369 <button type="button" class="btn btn-primary btn-sm acceptcookies" aria-label="Close">ยà¸à¸¡à¸£à¸±à¸à¹à¸à¸·à¹à¸à¸à¹à¸</button> 370 </div> 371 372 373
373<script src="/assets/js/plugins.js"></script>
373 374
374<script src="/assets/js/theme.js?v=20260923001"></script>
374 375
375<script src="/plugins/cookiealert/cookiealert.js"></script>
375 376
376<script src="/assets/js/custom.js?v=2/10/2569 8:09:15"></script>
376 377 378 <!-- รวม Google reCAPTCHA v3 -->
vendor: 65 bytes, lines 378-379
378 379 <script src="https://www.google.com/recaptcha/api.js?render=
3796LeYWy8qAAAAAAibS7kwLIManD3Es8vDvT05OzYQ
vendor: 17 bytes, lines 379-380
379"></script> 380
380<script> 381 document.addEventListener('DOMContentLoaded', function () { 382 383 var btnLogin = document.getElementById('btnLogin'); 384 var lblResult = document.getElementById('lblResult'); 385 386 function handleLogin() { 387 388 var username = document.getElementById('txtUsername').value.trim(); 389 var password = document.getElementById('txtPassword').value.trim(); 390 391 if (username === '' || password === '') { 392 lblResult.innerText = 'Username and Password are required.'; 393 return; 394 } 395 396 btnLogin.disabled = true; 397 lblResult.innerText = 'à¸à¸³à¸¥à¸±à¸à¸à¸£à¸§à¸à¸ªà¸à¸à¸à¹à¸à¸¡à¸¹à¸¥...'; 398 399 // â à¹à¸£à¸µà¸¢à¸ reCAPTCHA à¸à¸¸à¸à¸à¸£à¸±à¹à¸ 400 grecaptcha.ready(function () { 401 grecaptcha.execute('6LeYWy8qAAAAAAibS7kwLIManD3Es8vDvT05OzYQ', { action: 'login' }) 402 .then(function (token) { 403 404 if (!token) { 405 btnLogin.disabled = false; 406 lblResult.innerText = 'Unable to generate reCAPTCHA token. Please try again.'; 407 return; 408 } 409 410 sendLoginRequest(username, password, token); 411 }) 412 .catch(function () { 413 btnLogin.disabled = false; 414 lblResult.innerText = 'reCAPTCHA error. Please refresh and try again.'; 415 }); 416 }); 417 } 418 419 btnLogin.addEventListener('click', function (event) { 420 event.preventDefault(); 421 handleLogin(); 422 }); 423 424 document.addEventListener('keydown', function (event) { 425 if (event.key === 'Enter') { 426 event.preventDefault(); 427 handleLogin(); 428 } 429 }); 430 431 function sendLoginRequest(username, password, recaptchaToken) { 432 433 var xhr = new XMLHttpRequest(); 434 xhr.open('POST', '/ApiServiceMember.asmx/Login', true); 435 xhr.setRequestHeader('Content-Type', 'application/json; charset=utf-8'); 436 437 xhr.onreadystatechange = function () { 438 439 if (xhr.readyState === 4) { 440 441 btnLogin.disabled = false; 442 443 if (xhr.status === 200) { 444 445 try { 446 447 var response = JSON.parse(xhr.responseText); 448 var data = JSON.parse(response.d); 449 450 if (data.Success) { 451 452 var returnUrl = new URLSearchParams(window.location.search).get('ReturnUrl'); 453 454 if (returnUrl) { 455 window.location.href = returnUrl; 456 } else { 457 window.location.href = '/Product/e-HRM'; 458 } 459 460 } else { 461 lblResult.innerText = data.Message; 462 } 463 464 } catch (e) { 465 lblResult.innerText = 'An error occurred while processing the response.'; 466 } 467 468 } else { 469 lblResult.innerText = 'An error occurred while logging in. Status: ' + xhr.status; 470 } 471 } 472 }; 473 474 xhr.send(JSON.stringify({ 475 username: username, 476 password: password, 477 recaptchaToken: recaptchaToken 478 })); 479 } 480 }); 481 </script>
481 482 483 </form> 484 <!-- Google Tag Manager (noscript) -->
vendor: 83 bytes, lines 484-486
484 485 <noscript> 486 <iframe src="https://www.googletagmanager.com/ns.html?id=
486GTM-W8BWWD2Z
vendor: 110 bytes, lines 486-489
486" 487 height="0" width="0" style="display: none; visibility: hidden"></iframe> 488 </noscript> 489
489<!-- End Google Tag Manager (noscript) --> 490</body> 491</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.