CINXE.COM
Visitor Register_ASEAN FOOD&BEVERAGE EXHIBITION 2025
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Visitor Register_ASEAN FOOD&BEVERAGE EXHIBITION 2025</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <!-- Stylesheets --> <link href="template/pc/css/bootstrap.css" rel="stylesheet"> <link href="template/pc/css/style.css" rel="stylesheet"> <link href="template/pc/css/responsive.css" rel="stylesheet"> <link rel="shortcut icon" href="template/pc/images/favicon.png" type="image/x-icon"> <link rel="icon" href="template/pc/images/favicon.png" type="image/x-icon"> <!-- Responsive --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <!--[if lt IE 9]><script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]--> <!--[if lt IE 9]><script src="template/pc/js/respond.js"></script><![endif]--> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"> </head> <body> <div class="page-wrapper"> <!-- Preloader --> <div class="preloader"></div> <!-- Main Header--> <header class="main-header" style="background: #1e1f36;"> <div class="main-box"> <div class="auto-container clearfix"> <div class="logo-box"> <div class="logo"><a href="/"><img style="width: 210px" src="template/pc/images/logo-new.png" alt="" title=""></a></div> </div> <div class="outer1"> <a href="https://www.aseanfnb.com/">English</a> <span>|</span> <a href="https://ty.aseanfnb.com/">ภาษาไทย</a> </div> <!--Nav Box--> <div class="nav-outer clearfix"> <!--Mobile Navigation Toggler--> <div class="mobile-nav-toggler"><span class="icon flaticon-menu-1"></span></div> <!-- Main Menu --> <nav class="main-menu navbar-expand-md navbar-light"> <div class="navbar-header"> <!-- Togg le Button --> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon flaticon-menu-button"></span> </button> </div> <div class="collapse navbar-collapse clearfix" id="navbarSupportedContent"> <ul class="navigation clearfix"> <li class="current dropdown"><a href="/">Home</a> </li> <li class="dropdown"><a href="/index.php?m=home&c=index&a=about">About</a> </li> <li class="dropdown"><a href="/index.php?m=home&c=index&a=exhibitors">Exhibitors</a> </li> <li class="dropdown"><a href="/index.php?m=home&c=index&a=visitors">Visitors</a> </li> <li class="dropdown"><a href="/index.php?m=home&c=index&a=schedule">Events</a> </li> <li class="dropdown"><a href="/index.php?m=home&c=lists&a=index&tid=2">News</a> </li> <li><a href="/index.php?m=home&c=index&a=contact">Contact</a></li> </ul> </div> </nav> <!-- Main Menu End--> <!-- Outer box --> <div class="outer-box"> <div class="btn-box"> <a href="https://www.aseanfnb.com#information" class="theme-btn btn-style-one"><span class="btn-title">Registration</span></a> </div> </div> </div> </div> </div> <!-- Mobile Menu --> <div class="mobile-menu"> <div class="menu-backdrop"></div> <div class="close-btn"><span class="icon flaticon-cancel-1"></span></div> <!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--> <nav class="menu-box"> <div class="nav-logo"><a href="/"><img src="template/pc/images/logo-2.png" alt="" title=""></a></div> <ul class="navigation clearfix"><!--Keep This Empty / Menu will come through Javascript--></ul> </nav> </div><!-- End Mobile Menu --> </header> <!--End Main Header --> <!--Page Title--> <section class="page-title" style="background-image:url(template/pc/images/main-slider/1.jpg);padding-bottom: 100px"> <div class="shape-layers"> <span class="shape-layer-1"></span> <span class="shape-layer-2"></span> </div> <div class="auto-container"> <h1>Visitor Register</h1> <ul class="bread-crumb clearfix"> <li><a href="/">Home</a></li> <li>Visitor Register</li> </ul> </div> </section> <!--End Page Title--> <!-- Contact Form Section --> <section class="contact-form-section"> <div class="auto-container"> <div class="sec-title style-two" style="padding-top: 20px"> <span class="title">VISITORS REGISTER</span> <h2>Please fill in the following with * are required</h2> </div> <div class="row"> <div class="form-column col-lg-8 col-md-12 col-sm-12"> <div class="inner-column"> <div class="contact-form default-form"> <form method="POST" id="contact-form" action="/index.php?m=home&c=Lists&a=gbook_submit&lang=cn" enctype="multipart/form-data" onsubmit="return submit433c9b234ce0984d60d0a58d6a51e665(this);" > <div class="form-group"> <span style="color: red">*</span> <input id="attr_45" type="text" value="" name="attr_45" placeholder="Name" /> </div> <div class="form-group"> <input id="attr_46" type="text" value="" name="attr_46" placeholder="Position" /> </div> <div class="form-group"> <span style="color: red">*</span> <input id="attr_47" type="text" value="" name="attr_47" placeholder="Company" /> </div> <div class="form-group"> <input id="attr_48" type="text" value="" name="attr_48" placeholder="Address" /> </div> <div class="form-group"> <input id="attr_49" type="text" value="" name="attr_49" placeholder="PostCode" /> </div> <div class="form-group"> <span style="color: red">*</span> <input id="attr_50" type="text" value="" name="attr_50" placeholder="E-mail" /> </div> <div class="form-group"> <span style="color: red">*</span> <input id="attr_51" type="text" value="" name="attr_51" placeholder="Tel" /> </div> <div class="form-group"> <input id="attr_52" type="text" value="" name="attr_52" placeholder="Fax" /> </div> <span style="color: red">*</span> Types Of: <div class="form-group"> <input class="checkbox1 eyou_form_checkbox attr_53[]" type="checkbox" id="attr_53[]_1" name="attr_53[]" value="Government/Association" > <label for="attr_53[]_1"> Government/Association </label> <input class="checkbox1 eyou_form_checkbox attr_53[]" type="checkbox" id="attr_53[]_2" name="attr_53[]" value="Exporter" > <label for="attr_53[]_2"> Exporter </label> <input class="checkbox1 eyou_form_checkbox attr_53[]" type="checkbox" id="attr_53[]_3" name="attr_53[]" value="Wholesaler/Distributor" > <label for="attr_53[]_3"> Wholesaler/Distributor </label> </div> <div class="form-group"> <input class="checkbox1 eyou_form_checkbox attr_53[]" type="checkbox" id="attr_53[]_4" name="attr_53[]" value="Manufacturer" > <label for="attr_53[]_4"> Manufacturer </label> <input class="checkbox1 eyou_form_checkbox attr_53[]" type="checkbox" id="attr_53[]_5" name="attr_53[]" value="Retailer" > <label for="attr_53[]_5"> Retailer </label> <input class="checkbox1 eyou_form_checkbox attr_53[]" type="checkbox" id="attr_53[]_6" name="attr_53[]" value="supplier" > <label for="attr_53[]_6"> supplier </label> </div> <div class="form-group"> <input class="checkbox1 eyou_form_checkbox attr_53[]" type="checkbox" id="attr_53[]_7" name="attr_53[]" value="Chain store" > <label for="attr_53[]_7"> Chain store </label> <input class="checkbox1 eyou_form_checkbox attr_53[]" type="checkbox" id="attr_53[]_8" name="attr_53[]" value="Media" > <label for="attr_53[]_8"> Media </label> <input class="checkbox1 eyou_form_checkbox attr_53[]" type="checkbox" id="attr_53[]_9" name="attr_53[]" value="Dealer" > <label for="attr_53[]_9"> Dealer </label> </div> <div class="form-group"> <input class="checkbox1 eyou_form_checkbox attr_53[]" type="checkbox" id="attr_53[]_10" name="attr_53[]" value="Online Store" > <label for="attr_53[]_10"> Online Store </label> <input class="checkbox1 eyou_form_checkbox attr_53[]" type="checkbox" id="attr_53[]_11" name="attr_53[]" value="Club" > <label for="attr_53[]_11"> Club </label> <input class="checkbox1 eyou_form_checkbox attr_53[]" type="checkbox" id="attr_53[]_12" name="attr_53[]" value="Exclusive Shop" > <label for="attr_53[]_12"> Exclusive Shop </label> </div> <div class="form-group"> <span style="color: red">*</span> <input id="attr_54" type="text" value="" name="attr_54" placeholder="Interested" /> </div> <span style="color: red">*</span> Purpose: <div class="form-group"> <input class="checkbox1 eyou_form_checkbox attr_55[]" type="checkbox" id="attr_55[]_1" name="attr_55[]" value="Buy products" > <label for="attr_55[]_1"> Buy products </label> <input class="checkbox1 eyou_form_checkbox attr_55[]" type="checkbox" id="attr_55[]_2" name="attr_55[]" value="Seek cooperation" > <label for="attr_55[]_2"> Seek cooperation </label> <input class="checkbox1 eyou_form_checkbox attr_55[]" type="checkbox" id="attr_55[]_3" name="attr_55[]" value="Make promotion" > <label for="attr_55[]_3"> Make promotion </label> </div> <div class="form-group"> <input class="checkbox1 eyou_form_checkbox attr_55[]" type="checkbox" id="attr_55[]_4" name="attr_55[]" value="Seek agent/agency" > <label for="attr_55[]_4"> Seek agent/agency </label> <input class="checkbox1 eyou_form_checkbox attr_55[]" type="checkbox" id="attr_55[]_5" name="attr_55[]" value="Get information of the industry" > <label for="attr_55[]_5"> Get information of the industry </label> <input class="checkbox1 eyou_form_checkbox attr_55[]" type="checkbox" id="attr_55[]_6" name="attr_55[]" value="Others" > <label for="attr_55[]_6"> Others </label> <input type="text" value="" name="attr_55[]" placeholder="Others" /> </div> <span style="color: red">*</span> intend: <div class="form-group"> <input class="checkbox1 eyou_form_checkbox attr_56[]" type="checkbox" id="attr_56[]_1" name="attr_56[]" value="exhibit" > <label for="attr_56[]_1"> exhibit </label> <input class="checkbox1 eyou_form_checkbox attr_56[]" type="checkbox" id="attr_56[]_2" name="attr_56[]" value="visit" > <label for="attr_56[]_2"> visit </label> </div> <div class="form-group"> <span style="color: red">*</span> <canvas id="captchaCanvas" width="200" height="100" onclick="generateCaptcha()"></canvas> <input id="captcha" type="text" value="" name="captcha" placeholder="captcha" /> </div> <div class="form-group "> <button class="theme-btn btn-style-three" type="button" name="Submit" onclick="checkResult()">Send Message</button> </div> <input type="hidden" name="gourl" id="gourl_433c9b234ce0984d60d0a58d6a51e665" value="https%3A%2F%2Fwww.aseanfnb.com%2Findex.php%3Fm%3Dhome%26c%3Dindex%26a%3Dvisitors" /><input type="hidden" name="typeid" value="3" /><input type="hidden" name="__token__433c9b234ce0984d60d0a58d6a51e665" id="433c9b234ce0984d60d0a58d6a51e665" value="" /><input type="hidden" name="form_type" value="1" /><script type="text/javascript"> function submit433c9b234ce0984d60d0a58d6a51e665(elements) { if (document.getElementById('gourl_433c9b234ce0984d60d0a58d6a51e665')) { document.getElementById('gourl_433c9b234ce0984d60d0a58d6a51e665').value = encodeURIComponent(window.location.href); } var x = elements; for (var i=0;i<x.length;i++) { if(x[i].name == 'attr_45' && x[i].value.length == 0){ alert('Name Cannot be empty!'); return false; } if(x[i].name == 'attr_47' && x[i].value.length == 0){ alert('Company Cannot be empty!'); return false; } if(x[i].name == 'attr_50' && x[i].value.length == 0){ alert('E-mail Cannot be empty!'); return false; } if(x[i].name == 'attr_50' && !(/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test( x[i].value)) && x[i].value.length > 0){ alert('E-mail Incorrect format!!'); return false; } if(x[i].name == 'attr_51' && x[i].value.length == 0){ alert('Tel Cannot be empty!'); return false; } if(x[i].name == 'attr_53[]'){ var names = document.getElementsByName('attr_53[]'); var flag = false ; //标记判断是否选中一个 for(var j=0; j<names.length; j++){ if(names[j].checked){ flag = true ; break ; } } if(!flag){ alert('Select at least one item to Types Of'); return false; } } if(x[i].name == 'attr_54' && x[i].value.length == 0){ alert('Interested Cannot be empty!'); return false; } if(x[i].name == 'attr_55[]'){ var names = document.getElementsByName('attr_55[]'); var flag = false ; //标记判断是否选中一个 for(var j=0; j<names.length; j++){ if(names[j].checked){ flag = true ; break ; } } if(!flag){ alert('Select at least one item to Purpose'); return false; } } if(x[i].name == 'attr_56[]'){ var names = document.getElementsByName('attr_56[]'); var flag = false ; //标记判断是否选中一个 for(var j=0; j<names.length; j++){ if(names[j].checked){ flag = true ; break ; } } if(!flag){ alert('Select at least one item to intend'); return false; } } } elements.submit(); } function ey_fleshVerify_1732304686(id) { var token = id.replace(/verify_/g, '__token__'); var src = "/index.php?m=api&c=Ajax&a=vertify&type=guestbook&lang=cn&token="+token; src += "&r="+ Math.floor(Math.random()*100); document.getElementById(id).src = src; } function f4cebca9c92127799015eae4fe11d8124() { var ajax = new XMLHttpRequest(); ajax.open("post", "/index.php?m=api&c=Ajax&a=get_token", true); ajax.setRequestHeader("X-Requested-With","XMLHttpRequest"); ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded"); ajax.send("name=__token__433c9b234ce0984d60d0a58d6a51e665"); ajax.onreadystatechange = function () { if (ajax.readyState==4 && ajax.status==200) { document.getElementById("433c9b234ce0984d60d0a58d6a51e665").value = ajax.responseText; document.getElementById("gourl_433c9b234ce0984d60d0a58d6a51e665").value = encodeURIComponent(window.location.href); } } } f4cebca9c92127799015eae4fe11d8124(); function getNext1598839807(id,name,level) { var input = document.getElementById('attr_'+name); var first = document.getElementById('first_id_'+name); var second = document.getElementById('second_id_'+name); var third = document.getElementById('third_id_'+name); var findex ='', fvalue = '',sindex = '',svalue = '',tindex = '',tvalue = '',value=''; if (level == 1){ if (second) { second.style.display = 'none'; second.innerHTML = ''; } if (third) { third.style.display = 'none'; third.innerHTML = ''; } findex = first.selectedIndex; fvalue = first.options[findex].value; input.value = fvalue; value = fvalue; } else if (level == 2){ if (third) { third.style.display = 'none'; third.innerHTML = ''; } findex = first.selectedIndex; fvalue = first.options[findex].value; sindex = second.selectedIndex; svalue = second.options[sindex].value; if (svalue) { input.value = fvalue+','+svalue; value = svalue; }else{ input.value = fvalue; } } else if (level == 3){ findex = first.selectedIndex; fvalue = first.options[findex].value; sindex = second.selectedIndex; svalue = second.options[sindex].value; tindex = third.selectedIndex; tvalue = third.options[tindex].value; if (tvalue) { input.value = fvalue+','+svalue+','+tvalue; value = tvalue; }else{ input.value = fvalue+','+svalue; } } if (value) { if(document.getElementById(id)) { document.getElementById(id).options.add(new Option('Please select ','')); var ajax = new XMLHttpRequest(); ajax.open("post", "/index.php?m=api&c=Ajax&a=get_region", true); ajax.setRequestHeader("X-Requested-With","XMLHttpRequest"); ajax.setRequestHeader("Content-type","application/x-www-form-urlencoded"); ajax.send("pid="+value); ajax.onreadystatechange = function () { if (ajax.readyState==4 && ajax.status==200) { var data = JSON.parse(ajax.responseText).data; if (data) { data.forEach(function(item) { document.getElementById(id).options.add(new Option(item.name,item.id)); document.getElementById(id).style.display = "block"; }); } } } } } } </script> </form> </div> </div> </div> <!-- Sidebar Column --> <div class="sidebar-column col-lg-4 col-md-12 col-sm-12"> <div class="inner-column"> <div class="social-widget"> <h3 class="sidebar-title">Follow Us</h3> <ul class="social-icon-two"> <li><a href="https://www.facebook.com/compassexhibitionthailand"><span class="fab fa-facebook-f"></span></a></li> <li><a href="https://www.linkedin.com/company/compass-exhibition/"><span class="fab fa-linkedin-in"></span></a></li> <li><a href="mailto:Info@grandeurint.com"><span class="fab icon_mail"></span></a></li> </ul> </div> <!-- <div class="social-widget">--> <!-- <h3 class="sidebar-title">Follow Us</h3>--> <!-- <ul class="social-icon-two">--> <!-- <li><a href="#"><span class="fab fa-facebook-f"></span></a></li>--> <!-- <li><a href="#"><span class="fab fa-twitter"></span></a></li>--> <!-- <li><a href="#"><span class="fab fa-vimeo-v"></span></a></li>--> <!-- <li><a href="#"><span class="fab fa-linkedin-in"></span></a></li>--> <!-- <li><a href="#"><span class="fab fa-dribbble"></span></a></li>--> <!-- </ul>--> <!-- </div>--> <!-- <div class="support-widget">--> <!-- <h3 class="sidebar-title">Call for Support</h3>--> <!-- <div class="text">Me old mucker spend a penny cack nice one a blinding shot young delinquent bender old Queen's English burke, fantastic cobbler.!</div>--> <!-- <div class="info"><span class="icon icon_phone"></span> <a href="mailto:+693-456-127-895">+693 456 127 895</a></div>--> <!-- </div>--> </div> </div> </div> </div> </section> <!--End Contact Form Section --> <!-- Contact Info Section --> <section class="contact-info-section"> <div class="auto-container"> <div class="row"> <!-- Contact Info Block --> <div class="contact-info-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp"> <div class="inner-box" style="min-height: 428px;"> <div class="icon-box"><span class="icon icon_phone"></span></div> <ul class="info-list" style="margin-top: 75px"> <li><span class="icon icon_phone"></span> <a href="javascript:;"> International:<br>86-20-22074185</a></li> <li><span class="icon icon_phone"></span> <a href="javascript:;"> Thailand:<br>+66 (0)2-053-5899</a></li> </ul> </div> </div> <!-- Contact Info Block --> <div class="contact-info-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="400ms"> <div class="inner-box" style="min-height: 428px;"> <div class="icon-box"><span class="icon icon_mail"></span></div> <ul class="info-list" style="margin-top: 70px"> <li><span class="icon icon_mail"></span> International:<br><a href="mailto:Info@grandeurint.com">Info@grandeurint.com</a></li> <li><span class="icon icon_mail"></span> Thailand:<a href="mailto:compass@compassexhibition.co.th"> compass@compassexhibition.co.th</a></li> </ul> </div> </div> <!-- Contact Info Block --> <div class="contact-info-block col-lg-4 col-md-6 col-sm-12 wow fadeInUp" data-wow-delay="800ms"> <div class="inner-box" style="min-height: 428px;"> <div class="icon-box"><span class="icon icon_house"></span></div> <!-- <h5><a href="#">Partnerships info</a></h5>--> <ul class="info-list"> <li><span class="icon icon_house"></span>International:<a href="javascript:;"> 7th Floor, Block C, Poly World Trade Center, No. 1000 Xingangdong Road, Haizhu District, Guangzhou (Zip Code: 510220)</a></li> <li><span class="icon icon_house"></span>Thailand:<a href="javascript:;"> 47/408 moo 3 Banmai, Pakkred, Nonthaburi 11120</a></li> </ul> </div> </div> </div> </div> </section> <!--End Contact Info Section --> <!--End Contact Info Section --> <!-- Map Section --> <!-- <section class="map-section alternate">--> <!-- <div class="map-outer">--> <!-- <div class="map-canvas"--> <!-- data-zoom="12"--> <!-- data-lat="-37.817085"--> <!-- data-lng="144.955631"--> <!-- data-type="roadmap"--> <!-- data-hue="#ffc400"--> <!-- data-title="Envato"--> <!-- data-icon-path="images/icons/map-marker-2.png"--> <!-- data-content="Melbourne VIC 3000, Australia<br><a href='mailto:info@youremail.com'>info@youremail.com</a>">--> <!-- </div>--> <!-- </div>--> <!-- </section>--> <!--End Map Section --> <!-- Main Footer --> <footer class="main-footer"> <!--Widgets Section--> <div class="widgets-section"> <div class="auto-container"> <div class="row"> <div class="big-column col-xl-5 col-lg-12 col-md-12"> <!--Footer Column--> <div class="footer-column about-widget"> <h2 class="widget-title">ASEAN FOOD & BEVERAGE EXHIBITION 2025</h2> <div class="widget-content"> <div class="date">SEP 2-4,2025</div> <div class="address">IMPACT Exhibition Centre <br> Bangkok,Thailand</div> <div class="map-link"><span class="icon_pin_alt"></span> <a href="/index.php?m=home&c=index&a=about#map1">View Map Location</a></div> </div> </div> </div> <div class="big-column col-xl-7 col-lg-12 col-md-12"> <div class="row"> <div class="footer-column col-lg-5 col-md-6 col-sm-12"> <div class="footer-widget links-widget"> <h2 class="widget-title">Menu</h2> <div class="widget-content"> <ul class="list"> <li><a href="/">Home</a></li> <li><a href="/index.php?m=home&c=index&a=about">About</a></li> <li><a href="/index.php?m=home&c=index&a=exhibitors">Exhibitors</a></li> <li><a href="/index.php?m=home&c=index&a=visitors">Visitors</a></li> <li><a href="/index.php?m=home&c=index&a=schedule">Events</a></li> <li><a href="/index.php?m=home&c=lists&a=index&tid=2">News</a></li> <li><a href="/index.php?m=home&c=index&a=contact">Contact</a></li> </ul> </div> </div> </div> <div class="footer-column col-lg-7 col-md-6 col-sm-12"> <div class="footer-widget social-widget"> <h2 class="widget-title">Contact us</h2> <div class="widget-content"> <!-- <div class="text" >Cheeky bugger a blinding shot jolly good lavatory vagabond easy peasy.!</div>--> <ul class="social-icon-one"> <li><a href="https://www.facebook.com/profile.php?id=61566874875713"><span class="fab fa-facebook-f"></span></a></li> <li><a href="https://www.linkedin.com/company/104868077/admin/?lipi=urn%3Ali%3Apage%3Ad_flagship3_feed%3BoO00QgjASCODbWLUvfoh%2BA%3D%3D"><span class="fab fa-linkedin-in"></span></a></li> <li><a href="mailto:Info@grandeurint.com"><span class="fab icon_mail"></span></a></li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <!--Bottom--> <div class="footer-bottom"> <div class="auto-container"> <div class="copyright-text">© Copyright ASEAN FOOD&BEVERAGE EXHIBITION 2025</div> </div> </div> </footer> <!-- End Main Footer --> </div> <!--End pagewrapper--> <!--Scroll to top--> <div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-angle-double-up"></span></div> <script src="template/pc/js/jquery.js"></script> <script src="template/pc/js/popper.min.js"></script> <script src="http://cdn.bootstrapmb.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="template/pc/js/jquery-ui.js"></script> <script src="template/pc/js/jquery.fancybox.js"></script> <script src="template/pc/js/validate.js"></script> <script src="template/pc/js/appear.js"></script> <script src="template/pc/js/parallax.min.js"></script> <script src="template/pc/js/swiper.min.js"></script> <script src="template/pc/js/owl.js"></script> <script src="template/pc/js/wow.js"></script> <script src="template/pc/js/script.js"></script> <!--Google Map APi Key--> <script src="http://ditu.google.cn/maps/api/js?key=AIzaSyDcaOOcFcQ0hoTqANKZYz-0ii-J0aUoHjk"></script> <script src="template/pc/js/map-script.js"></script> <!--End Google Map APi--> </body> </html> <script> var firstNumber, secondNumber, result; generateCaptcha(); function generateCaptcha() { var canvas = document.getElementById('captchaCanvas'); var ctx = canvas.getContext('2d'); // 清空画布 ctx.clearRect(0, 0, canvas.width, canvas.height); // 生成两个随机数字 firstNumber = Math.floor(Math.random() * 10); secondNumber = Math.floor(Math.random() * 10); result = firstNumber + secondNumber; // 绘制验证码 ctx.font = '30px Arial'; ctx.fillStyle = 'black'; ctx.fillText(firstNumber + ' + ' + secondNumber + ' = ?', 50, 50); } function checkResult() { var userInput = document.getElementById('captcha').value; if (parseInt(userInput) === result) { //alert('验证码正确!'); document.querySelector('#contact-form').submit(); } else { alert('Incorrect verification code, please re-enter!'); generateCaptcha(); } } </script>