Lactic acid colorless detailed description /price/wholesale/suppliers information

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="0"> <meta name="google-site-verification" content="AuGpIk1ZQKjfCdTNRmjE4BT22TiQK_m3wdVS7p9YRkk" /> <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width"> <title>Lactic acid colorless detailed description /price/wholesale/suppliers information_en-sjgle.com</title> <meta name="keywords" content="Lactic acid colorless information,Lactic acid colorless purchase,Lactic acid colorless price"> <meta name="description" content="en-sjgle.com provides you with the latest Lactic acid colorless price trends, product introductions, high-quality supplier resources and other information，where you can directly find HENAN JINDAN LACTIC ACID TECHNOLOGY CO., LTD to purchase and wholesale Lactic acid colorless."> <link rel="canonical" href="https://www.en-sjgle.com/"> <link rel="alternate" media="only screen and (max-width: 640px)" href="https://m.en-sjgle.com/">  <script type="text/javascript" src="/file/js/jquery3.js?2023"></script> <script src="/css/js/isToken.js?2022"></script> <link rel="stylesheet" href="/file/js/layui/css/layui.css?2022"> <script src="/file/js/layui/layui.js?2022"></script> <link rel="stylesheet" href="/css/js/pc.css?2022" /> <link rel="stylesheet" href="//at.alicdn.com/t/c/font_3902014_w75fi89gex8.css" /> <link href="/css/swiper-bundle.min.css?6.6.2" rel="stylesheet" type="text/css"/> <script src="/css/swiper-bundle.min.js?6.6.2" type="text/javascript"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?a29619e00f55e194286adff368f464b6"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <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-T8S7XHK');</script>  <script src="https://a-iiris.imsharecenter.com/cbe/collect?tid=145922564&at=0&h=web"></script> <script> clab_tracker.ready(function(){ this.push({"pageType":"web"}); this.track("open_page", {}); });</script> <script src="https://a-iiris.imsharecenter.com/cbe/collect?tid=145922564&at=0&h=web"></script> <script> clab_tracker.ready(function(){ this.push({"pageType":"web"}); this.track("open_page", {}); });</script>  </head> <body>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-NGFM7RK53T"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-NGFM7RK53T'); </script> <script>(function () { document.cookie = "HOY_TR=GQXMRYDINSAKTBHZ,A8C79D156BEF3024,zwlhumepgjcyktia; max-age=31536000; path=/";document.cookie = "HBB_HC=e658ea101c418a6bc27f93d24cd082721a17d0f3cb37b933b71c9b31c8b63fee0014327d7e84c24b14e9e64540eac0047e; max-age=300; path=/"; })()</script> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8S7XHK" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="Header" >  <div class="cookies"><div class="li"><span>We use cookies to help provide you with the best possible online experience. For more details including how to change your cookie settings, please read our <a target="_blank" href="/news/show-858.html">Cookie Policy</a> .</span><small class="i" onclick="set_cookies_pc()">X</small></div></div>  <div class="youxuan-box"> <div class="item pc_width"> <div class="flex-between"> <a href="https://en.jiagle.com?site=sjgle" target="_blank"> <img src="../../file/style/pc/toplogo.png"> </a> <div class="youxiang-menu flex"> <div class="youxiang-menu-li"> <a href="https://en.jiagle.com/furniture/#site=sjgle" style="background: #E13235;" target="_blank"> <img src="../../file/style/pc/top1.jpg" title="Furniture & Decorations"> </a> <a href="https://en.jiagle.com/furniture/#site=sjgle" target="_blank"> <span>Furniture & Decorations</span> </a> </div> <div class="youxiang-menu-li"> <a href="https://en.jiagle.com/food-beverage/#site=sjgle" style="background: rgba(155, 27, 90, 1);" target="_blank"> <img src="../../file/style/pc/top2.jpg" title="Food & Beverage"> </a> <a href="https://en.jiagle.com/food-beverage/#site=sjgle" target="_blank"> <span>Food & Beverage</span> </a> </div> <div class="youxiang-menu-li"> <a href="https://www.pharmasources.com#site=sjgle" style="background:#e3983b;" target="_blank"> <img src="../../file/style/pc/top6.jpg" title="Pharmaceutical Manufacturing"> </a> <a href="https://www.pharmasources.com#site=sjgle" target="_blank"> <span>Pharmaceutical Manufacturing</span> </a> </div> <div class="youxiang-menu-li"> <a href="https://www.en-sjgle.com" class=" flex-center" style="background:#ca242b;" target="_blank"> <img src="../../file/style/pc/top3.jpg" title="Food Processing & Packaging"> </a> <a href="https://www.en-sjgle.com" target="_blank"> <span>Food Processing & Packaging</span> </a> </div> <div class="youxiang-menu-li"> <a href="https://en.jiagle.com/cs/#site=sjgle" style="background:#8bb6b5;" target="_blank"> <img src="../../file/style/pc/top4.jpg" title="Hotel & Shop"> </a> <a href="https://en.jiagle.com/cs/#site=sjgle" target="_blank"> <span>Hotel & Shop</span> </a> </div> <div class="youxiang-menu-li"> <a href="https://en.jiagle.com/leisure/#site=sjgle" style="background: rgba(62, 162, 210, 1);" target="_blank"> <img src="../../file/style/pc/top5.jpg" title="Boat · Leisure & Tourism"> </a> <a href="https://en.jiagle.com/leisure/#site=sjgle" target="_blank"> <span>Boat · Leisure & Tourism</span> </a> </div> <div class="youxiang-menu-li"> <a href="https://en.jiagle.com/lighting/#site=sjgle" style="background: #1F6598" target="_blank"> <img src="../../file/style/pc/top7.jpg" title="Lighting"> </a> <a href="https://en.jiagle.com/lighting/#site=sjgle" target="_blank"> <span>Lighting</span> </a> </div> <div class="youxiang-menu-li"> <a href="https://en.jiagle.com/cleaning/#site=sjgle" style="background: rgba(0, 113, 179, 1);" target="_blank"> <img src="../../file/style/pc/top8.jpg" title="Cleaning"> </a> <a href="https://en.jiagle.com/cleaning/#site=sjgle" target="_blank"> <span>Cleaning</span> </a> </div> </div> </div> </div> </div>  <div class="top"> <div class="item pc_width"> <div class="right"> <ul> <li class="ShowMore"> <a href="#" class="css-hover ">Trade Show <i class="icon"></i></a> <ul> <li> <a href="https://www.sjgle.com/zt/pre-registration/index_En.shtml?utm_source=website&utm_medium=sjgle&utm_campaign=menu" target="_blank">Hi & Fi Asia-China 2024</a> </li> <li> <a href="https://www.sjgle.com/zt/pre-registration/index_4_En.shtml?utm_source=website&utm_medium=sjgle&utm_campaign=menu" target="_blank">Starch Expo 2024</a> </li> <li> <a href="https://www.sjgle.com/zt/pre-registration/index_3_En.shtml?utm_source=website&utm_medium=sjgle&utm_campaign=menu" target="_blank">ProPak China 2024</a> </li> <li> <a href="https://www.sjgle.com/zt/pre-registration/index_2_En.shtml?utm_source=website&utm_medium=sjgle&utm_campaign=menu" target="_blank">Healthplex Expo 2024</a> </li> <li> <a href="/meeting/show-1590.html" target="_blank">Natural & Nutraceutical Products China 2024</a> </li> <li> <a href="/meeting/show-1592.html" target="_blank">International Plant-based Expo 2024</a> </li> </ul> </li> <li class="ShowMore"> <a href="http://www.sjgle.com" class="css-hover">Chinese</a> </li> </ul> </div> <div class="left flex menu pc_isLogin_user" >  </div> </div> </div> <header> <div class="container"> <div class="left"> <div class="logo"> <a href="https://www.en-sjgle.com"> <img src="../../file/style/pc/logo.jpg" style="width: 186px;"> </a> </div> </div> <div class="right"> <div class="layui-form"> <form method="post" id="searchForm" onsubmit="action_check()" target="_blank"> <div class="layui-form-box"> <div class="select"> <div class="layui-unselect layui-form-select"> <div class="layui-select-title"> <div class="MaxT layui-btn-primary"><span>Products</span> <i class="icon"></i>  </div>    </div> </div> </div> <div class="input"> <input id="searchtype" type="hidden" value="0" > <input type="text" class="XM_focus13" name="txtSearch" id="txtSearch" oninvalid="setCustomValidity('setCustomValidity')" placeholder="I’m looking for..." oninput="setCustomValidity('')" > <div class="hide" id="divSearchDownList"></div> </div> <div class="submit" onclick="search_submit()">Search</div> </div> </form> <div id="hot_search_items"> <span style="color: #FF9933;">Hot</span> <span style="margin: 5px 0 0 16px;color: #9B9DA2;"> Hot </span> <input type="hidden" id="hiddenSearchBox" value="Hot"> </div> </div> <div class="right-btn"> <ul> <li> <a class="layui-btn-xms" href="/buy/" target="_blank"><i class="icon buyer"></i>buyer</a> </li> <li> <a class="layui-btn-xms" href="/suppliers/" target="_blank"><i class="icon supplier"></i>supplier</a> </li> <li> <a class="layui-btn-xms" href="/news/show-854.html" target="_blank"><i class="icon advertiser"></i>advertiser</a></li> <li> <a class="layui-btn-xms" href="/meeting/list.php" target="_blank"><i class="icon exhibitor"></i>exhibitor</a> </li> <li> <a class="layui-btn-xms" href="https://www.sjgle.com/zt/pre-registration/index_En.shtml?utm_source=website&utm_medium=sjgle&utm_campaign=menu" target="_blank"><i class="icon visittor"></i>visitor</a> </li> </ul> </div> </div> </div> </header> </div> <script> layui.use(['dropdown'], function(){ var dropdown1 = layui.dropdown; dropdown1.render({ elem: '.MaxT ' ,trigger: 'hover' ,data: [{ title: 'Products' ,id: 0 },{ title: 'Suppliers' ,id: 1 },{ title: 'Offers to Buy' ,id: 2 },{ title: 'News' ,id: 3 },{ title: 'Events' ,id: 4 }] ,click: function(obj){ $(this.elem).children('span').text(obj.title); $("#searchtype").val(obj.id); } }); }); function action_check(){ var z = parseInt($('#searchtype').val()); var txtS = encodeURIComponent($('#txtSearch').val()); var reg=/'/g; txtS=txtS.replace(reg,''); switch(z){ case 0: $('#searchForm').attr('action','/products/search-htm-txtSearch-'+txtS+'.html'); break; case 1: $('#searchForm').attr('action','/suppliers/search-htm-txtSearch-'+txtS+'.html'); break; case 2: $('#searchForm').attr('action','/buy/search-htm-txtSearch-'+txtS+'.html'); break; case 3: $('#searchForm').attr('action','/news/search-htm-txtSearch-'+txtS+'.html'); break; case 4: $('#searchForm').attr('action','/meeting/search-htm-txtSearch-'+txtS+'.html'); break; default: break; } } function search_submit(){ action_check(); document.getElementById('searchForm').submit(); } function set_cookies_pc(){ let date = new Date(); localStorage.setItem("cookies_pc",date.getDay()); $('.cookies').hide(); } var storage = window.localStorage; if(!localStorage.getItem('cookies_pc')){ $('.cookies').show(); } </script><link rel="stylesheet" href="/css/js/productsShow.css?pc2023" /> <link href="/css/js/vue/view-ui-plus/dist/styles/viewuiplus.css" rel="stylesheet" type="text/css"> <script src="/css/js/vue/vue.js"></script> <script src="/css/js/vue/view-ui-plus/dist/viewuiplus.min.js" type="text/javascript"></script> <style> .box2{ width: 542px; } .box2_submit-sent .ivu-btn{ background: #CCCCCC !important; } .box2_submit-sent .ivu-btn:hover{ background: #CCCCCC !important; } textarea.ivu-input{ border: 1px solid #D8D8D86B; } </style> <div class="Content ProductsShowPage"> <section class="bk"> <section> <div class="top_banner pc_width"> <div class="swiper mySwiper001"> <div class="swiper-wrapper"> <a class="swiper-slide" target="_blank" href="https://www.sjgle.com/zt/pre-registration/index_En.shtml?utm_source=website&utm_medium=sjgle&utm_campaign=banner" title="FIA2025"> <img src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/ads/img_2412240232_574197.jpg" alt="FIA2025" /> </a> <a class="swiper-slide" target="_blank" href="https://www.sjgle.com/zt/pre-registration/index_3_En.shtml?utm_source=website&utm_medium=sjgle&utm_campaign=banner" title="PPKC2025"> <img src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/ads/img_2503181032_397828.jpg" alt="PPKC2025" /> </a> <a class="swiper-slide" target="_blank" href="https://www.sjgle.com/zt/pre-registration/index_2_En.shtml?utm_source=website&utm_medium=sjgle&utm_campaign=banner" title="HNC2025"> <img src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/ads/img_2412240229_808495.png" alt="HNC2025" /> </a> <a class="swiper-slide" target="_blank" href="https://www.sjgle.com/zt/pre-registration/index_4_En.shtml?utm_source=website&utm_medium=sjgle&utm_campaign=banner" title="STA2025"> <img src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/ads/img_2412240230_560237.jpg" alt="STA2025" /> </a> </div> </div> <div class="swiper-pagination808"></div> <div class="swiper-button-prev808 nextEl"></div> <div class="swiper-button-next808 prevEl"></div> </div> <script> var swiper001 = new Swiper(".mySwiper001", { pagination: { el: ".swiper-pagination808", }, navigation: { nextEl: '.swiper-button-next808', prevEl: '.swiper-button-prev808', }, autoplay:true, loop: true, }); if(swiper001.slides.length<=3){ swiper001.destroy(); } </script> </section> <div class="pc_width pc_padding NavigationCity"> <a href="/">Home</a>/ <a href="/products/index-Food-Raw-Materials-and-Ingredients/">Food Raw Materials and Ingredients</a> / <a href="/products/index-Food-Additives/">Food Additives</a> / <a href="/products/index-Preservatives/">Preservatives</a> /Lactic acid colorless </div> <div id="your-element-id" class="pc_width ListPage wrap-box"> <div class="product-content"> <div class="view-box" > <div class="collect-box OnProLove" data-ProId="104"> <i class="iconfont icon-sj-zanxuanzhong"></i> </div> <div class="Prozoomed"><div class="zoomed-image"></div></div> <div class="swiper-box"> <div class="swiper mySwiper2"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="imgdiv"> <img class="thumbnail" alt="Lactic acid colorless" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_1506171143_221126.jpg" /> </div> </div> </div> </div> <div class="swiper mySwiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img alt="Lactic acid colorless" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_1506171143_221126.jpg" /> </div> </div> <div class="swiper-button-next986"></div> <div class="swiper-button-prev986"></div> </div> <script> </script> <script> </script> </div> </div> <div class="info-box" > <h1 class="name" >Lactic acid colorless</h1> <div class="order-history" > <div class="tags history-item" > <span class="tag-item" > </span> <span class=""> </span> </div> </div> <div class="productAttr" > <div> <div class="pitem" > <div class="pleft" >Product price:</div> <div class="pright" >Enquiry please contact</div> </div> <div class="pitem" > <div class="pleft" >Product brand:</div> <div class="pright" >Jindan</div> </div> <div class="pitem" > <div class="pleft" >Region:</div> <div class="pright" >Dancheng</div> </div> <div class="pitem" > <div class="pleft" >Product Categories: </div> <div class="pright" >Preservatives</div> </div> </div> </div> <div class="button-box" > <button type="button" class="btn ant-btn ant-btn-danger ant-btn-block w240 inquireSendNew" > <i class="icon iconfont icon-sj-youxiang" > </i> <span>Inquire Now</span> </button> <div class="btn xx OnProLove" data-ProId="104"> <i class="iconfont icon-sj-zanxuanzhong"></i> <span>Favorites</span> </div> </div> </div> <div class="card-box" > <div class="card-fixed"> <div class="company-info" > <a target="_blank" href="/suppliers/list-HENAN-JINDAN-LACTIC-ACID-TECHNOLOGY-CO-LTD-77477/" title="HENAN JINDAN LACTIC ACID TECHNOLOGY CO., LTD" > <div class="name" >HENAN JINDAN LACTIC ACID TECHNOLOGY CO., LTD</div> </a>                         <div class="com_lable" > <label>Address:</label> <span>No.08 Jindan Avenue Dnacheng County</span> </div> <div class="com_lable" > <label>Total Number of Staff:</label> <span>more than 500</span> </div> <div class="com_lable" > <label>E-mail:</label> <span></span> </div> <div class="com_lable" > <label>Main Sales Markets:</label> <span>North America,Central/South America,Western Europe,Eastern Europe,Australasia,Asia,Middle East,Africa</span> </div> <div class="com_lable" > <label>Business Type:</label> <span>Manufacturer</span> </div> </div> </div> </div> </div> </div> </section> <section style="margin-top:10px;"> <div class="pc_width LeftRight"> <div class="LeftBox"> <div class="items"> <div class="LModule"> <div class="title"><h3 class="tit">Product Details</h3></div> <div class="Wholesale"> <div class="Protable"> <table> <tr><td>Certificates/Standards:</td> <td>N;</td></tr> <tr><td>Monthly Output:</td> <td>10000</td></tr> <tr><td>Regional:</td> <td>Dancheng</td></tr> <tr><td>Packaging Information:</td> <td>25kg drum,250kg drum.1200kg IBC,23MT flexitank and</td></tr> <tr><td>Mode Of Payment:</td> <td>Not provided</td></tr> <tr><td>Delivery Lead Time:</td> <td>Not provided</td></tr> <tr><td>Main Sales Markets:</td> <td>North America，Central/South America，Western Europe，Eastern Europe，Australasia，Asia，Middle East，Africa</td></tr> <tr><td>Sample Provided:</td> <td>Yes</td></tr> <tr><td>Sample Policy:</td> <td>Less than 200ml is free</td></tr> <tr><td>Minimum Quantity:</td> <td>Not provided</td></tr> </table> </div> <div class="Propre"> <pre> <p><span style="color:rgb(51, 51, 51); font-family:arial; font-size:14px"><strong><span style="font-family:calibri">Description</span></strong></span><br /> <span style="color:rgb(51, 51, 51); font-family:calibri; font-size:14px">Lactic Acid  is produced from natural corn starch by advanced bio-fermentation and refining technology. The lactic acid is colorless liquid, having a mild acid odor and taste.</span><br /> <br /> <span style="color:rgb(51, 51, 51); font-family:arial; font-size:14px"><strong><span style="font-family:calibri">Application Areas </span></strong></span><br /> <span style="color:rgb(51, 51, 51); font-family:calibri; font-size:14px">Lactic Acid  can be used as acidulant, flavoring agent and pH regulator in beverages, meat, sourdough, salads and dressings, confectionery and pickled vegetables.</span><br /> <br /> <span style="color:rgb(51, 51, 51); font-family:arial; font-size:14px"><strong><span style="font-family:calibri">Typical Applications</span></strong></span><br /> <span style="color:rgb(51, 51, 51); font-family:calibri; font-size:14px">- Acidification agent for beverages</span><br /> <span style="color:rgb(51, 51, 51); font-family:calibri; font-size:14px">- Preservative and flavoring in dressings and salads </span><br /> <span style="color:rgb(51, 51, 51); font-family:calibri; font-size:14px">- Fermentation and pH regulator in beer, wine and spirits</span><br /> <span style="color:rgb(51, 51, 51); font-family:calibri; font-size:14px">- Antimicrobial agent and shelf life extender in bakery, meat products</span></p> </pre> </div> </div> </div> <div class="LModule"> <div class="title"><h3 class="tit">Send a direct inquiry to this supplier</h3></div> <div class="Wholesale"> <div class="item"> <section> <div class="PageBuy_psr"> <div id="app2"> <Modal v-model="modal_show" :mask="false" :closable="false" mask-closable="false" title="Improve personal information" cancel-text="skip" ok-text="submit" @on-ok="ok" @on-cancel="cancel"> <i-Form class="Form_information" ref="Form_information" :model="Form_information" :rules="rule_information" :label-width="100" label-position="right"> <Form-Item prop="name" label="First Name:"> <i-Input v-model="Form_information.name" type="text" style="width: 300px"></i-Input> </Form-Item> <Form-Item prop="name2" label="Last Name:"> <i-Input v-model="Form_information.name2" type="text" style="width: 300px"></i-Input> </Form-Item> <Form-Item prop="company" label="Company Name:"> <i-Input v-model="Form_information.company" type="text" style="width: 300px"></i-Input> </Form-Item> </i-Form> <template #footer> <i-Button size="size" @click="Form_information_skip">skip</i-Button> <i-Button size="size" @click="Form_information_submit('Form_information')" :class="{submit:1}" style="color:#fff;border:0;background: linear-gradient(270deg,#fc573f,#e50113) !important;" >submit</i-Button> </template> </Modal> <i-Form ref="formValidate" :model="formValidate" :rules="ruleValidate" label-position="left" :label-width="118" class="box2" > <input type="hidden" name="supplier_id" value="77477"/> <div class="content"> <div class="title2 enquiry-font"> <img class="title2-img" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/member/img_2202250107_516981.jpg" /> <div class="title2-text">HENAN JINDAN LACTIC ACID TECHNOLOGY CO., LTD</div> </div> <div class="title4 enquiry-font"><span style="color: #FF3019">*</span>Enquiry details：</div> <div class="enquiry-del"> <Form-Item prop="detail" label-width="0"> <i-Input :class="{pages_textarea_A:1}" v-model="formValidate.detail" type="textarea" placeholder="Please fill in the details you want to know, such as product specifications, price, MOQ, etc" maxlength="500" ></i-Input> </Form-Item> <input name="detail-file" style="display: none;" type="file" @change="onFileChange" /> <img @click="fileClick" class="textarea-file" src="/image/file.png"> <div class="textarea-file-name">{{textarea_file_name}}</div> </div> <Form-Item prop="email" label="Email address:"> <i-Input v-model="formValidate.email" placeholder="Please enter Email address"></i-Input> </Form-Item> <Form-Item prop="password" label="Password:"> <i-Input type="password" v-model="formValidate.password" placeholder="Please enter password"></i-Input> </Form-Item> <Row class="ivu-mt"> <div style='font-size:9px;' >By clicking the Send button, unregistered users become sjgle members by default and agree to send queries.</div> </Row> <Row class="ivu-mt"> <div id="your-dom-id_A" class="nc-container"></div> </Row > <Row class="ivu-mt" > <i-Button :class="{ 'box2_submit-sent':isSend}" @click="handleSubmit('formValidate')">Send Inquiry Now</i-Button> </Row> </div> </i-Form> </div> <script type="text/javascript" charset="utf-8" src="//aeis.alicdn.com/sd/ncpc/nc.js?t=2015052012"></script> <script type="text/javascript" src="/file/css/js/slide_en_A.js?rj_id=your-dom-id_A&app=app2"></script> <script> const app2 = Vue.createApp({ data () { const ruleValidate_password = (rule, pwd, callback) => { var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9]).*$", "g"); if(!strongRegex.test(pwd)) { callback(new Error(rule.message)); }else { callback(); } }; const ruleValidate_name = (rule, value, callback) => { if (value === ''&&rule.required) { callback(new Error(rule.message)); }else { callback(); } }; return { uid:0, modal_show: false, Form_information: { name: '', name2: '', company:'', }, rule_information: { name: [ { required: true, message: 'The First Name cannot be empty', trigger: 'blur',validator:ruleValidate_name } ], name2: [ { required: true, message: 'The Last Name cannot be empty', trigger: 'blur',validator:ruleValidate_name } ], company: [ { required: true, message: 'Enter company name', trigger: 'blur',validator:ruleValidate_name } ], }, textarea_file_name: "", isSend: false, formValidate: { email: '', password: '', detail:'', textarea_file:"qwe", rj_data:'', }, ruleValidate: { email: [ { required: true, message: 'Mailbox cannot be empty', trigger: 'change' }, { type: 'email', message: 'Incorrect email format', trigger: 'change' } ], password: [ { required: true, type: 'string', message: 'Password cannot be empty', trigger: 'change' }, { type: 'string', min: 8, message: '8 characters minimum, with lowercase, uppercase, and numbers', trigger: 'change' ,validator:ruleValidate_password } ], detail: [ { required: true, type: 'string', message: 'Please enter the enquiry details', trigger: 'change' }, { type: 'string', max: 498, message: 'Enquiry details maximum 500 characters', trigger: 'change' } ], } } }, methods: { Is_login(){ var __this=this; if(this.$data.uid===0){ $.ajax({ type: "POST", url: "/member/loginApi.php?action=get_user_profile", data:this.$data.formValidate, dataType:'json', success (res){ if(res.bool){ __this.submitForm(); return true; }else{ __this.$data.modal_show=true; return false; } } }); }else{ return true; } }, Form_information_skip() { this.submitForm(); this.$data.modal_show=false; }, Form_information_submit (name) { this.$refs[name].validate((valid) => { if (valid) { this.submitForm(); this.$data.modal_show=false; }else{ this.$Message.error({content:"Please check the parameters", duration: 1,closable: true}); } }) }, handleSubmit (name) { this.$refs[name].validate((valid) => { if (valid) { if(this.$data.formValidate.rj_data===''){ this.$Message.error({content:"Please drag the slider", duration: 1,closable: true}); return false; } if(this.$data.isSend){ if(this.Is_login()){ this.submitForm(); } return false; }else{ this.$Message.config({ top: 200, }); this.$Message.success({content:"You have already sent, please try again later", duration: 1,closable: true}); } } else { this.$Message.error({content:"Please check the parameters", duration: 1,closable: true}); } }) }, submitForm() { var __this=this; var formData = new FormData(); formData.append('email', this.$data.formValidate.email); formData.append('password', this.$data.formValidate.password); formData.append('detail', this.$data.formValidate.detail); formData.append('textarea_file', this.$data.formValidate.textarea_file); formData.append('supplier_id', $('[name=supplier_id]').val() ); if(__this.$data.Form_information.name){ formData.append('name', this.$data.Form_information.name); } if(__this.$data.Form_information.name2){ formData.append('name2', this.$data.Form_information.name2); } if(__this.$data.Form_information.company){ formData.append('company', this.$data.Form_information.company); } $.ajax({ type: "POST", url: "/s-77477/enquiriesandregister/action-send.html", data:formData, contentType: false, processData: false, dataType: "json", success: function(res) { if(res.code===200){ if(!res.bool){ __this.$Message.error(res.msg); return false; }else{ __this.$Message.success(res.msg); setTimeout(function() { if(res.location_url){ // window.location.href = res.location_url; window.location.reload(); }else{ window.location.reload(); } }, 1000); } }else{ __this.$Message.error('Send error'); } }, error: function(xhr, status, error) { __this.$Message.error('Send error'); } }); }, fileClick(){ document.querySelector('.box2 .enquiry-del input').click(); }, onFileChange(event){ var _type = event.target.files[0].type var size = event.target.files[0].size; var name = event.target.files[0].name; if(size > 5242880){ alert("The file cannot be larger than 5mb"); return; } var types = ["image/gif","image/jpeg","image/png","application/vnd.ms-powerpoint","application/pdf","text/plain","application/msword"] if (types.includes(_type)) { } else { alert("Incorrect file type"); return; } this.$data.textarea_file_name = name this.$data.formValidate.textarea_file = event.target.files[0] // $.ajax({ // type: "POST", // url: "", // data:this.$data.formValidate, // dataType: "json", // success: function(res) { // // } // }) } }, computed:{ }, created () { this.$data.uid=0; }, mounted() { }, }); app2.use(ViewUIPlus); app2.mount("#app2"); </script> </div> </section> </div> </div> </div> <div class="LModule"> <div class="title"><h3 class="tit">Related Products from this Supplier</h3></div> <div class="Wholesale"> <div class="item"> <div class="swiper mySwiperProCom"> <div class="swiper-wrapper"> <div class="swiper-slide" > <a class="img" href="/products/Sodium-Lactate-4168/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_1612211055_412322.jpg" alt=" Sodium Lactate" /> </a> <div class="des"> <div class="title"> <a href="/products/Sodium-Lactate-4168/"> Sodium Lactate</a></div> </div> </div> <div class="swiper-slide" > <a class="img" href="/products/Zinc-Lactate-4171/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_1612211102_354867.jpg" alt="Zinc Lactate" /> </a> <div class="des"> <div class="title"> <a href="/products/Zinc-Lactate-4171/">Zinc Lactate</a></div> </div> </div> <div class="swiper-slide" > <a class="img" href="/products/Food-Grade-102/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_1506171141_223009.jpg" alt="Food Grade" /> </a> <div class="des"> <div class="title"> <a href="/products/Food-Grade-102/">Food Grade</a></div> </div> </div> <div class="swiper-slide" > <a class="img" href="/products/Sodium-Lactate-Powder-4172/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_1612211103_986671.jpg" alt="Sodium Lactate Powder" /> </a> <div class="des"> <div class="title"> <a href="/products/Sodium-Lactate-Powder-4172/">Sodium Lactate Powder</a></div> </div> </div> <div class="swiper-slide" > <a class="img" href="/products/Potassium-Lactate-4169/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_1612211056_250316.jpg" alt=" Potassium Lactate" /> </a> <div class="des"> <div class="title"> <a href="/products/Potassium-Lactate-4169/"> Potassium Lactate</a></div> </div> </div> <div class="swiper-slide" > <a class="img" href="/products/Calcium-Lactate-4167/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_1612211054_556328.jpg" alt="Calcium Lactate" /> </a> <div class="des"> <div class="title"> <a href="/products/Calcium-Lactate-4167/">Calcium Lactate</a></div> </div> </div> <div class="swiper-slide" > <a class="img" href="/products/Lactic-Acid-106/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_1506171146_127871.jpg" alt="Lactic Acid " /> </a> <div class="des"> <div class="title"> <a href="/products/Lactic-Acid-106/">Lactic Acid </a></div> </div> </div> <div class="swiper-slide" > <a class="img" href="/products/Lactic-Acid-Powder-4173/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_1612211104_186720.jpg" alt="Lactic Acid Powder" /> </a> <div class="des"> <div class="title"> <a href="/products/Lactic-Acid-Powder-4173/">Lactic Acid Powder</a></div> </div> </div> <div class="swiper-slide" > <a class="img" href="/products/Ferrous-Lactate-4170/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_1612211100_111746.jpg" alt="Ferrous Lactate" /> </a> <div class="des"> <div class="title"> <a href="/products/Ferrous-Lactate-4170/">Ferrous Lactate</a></div> </div> </div> <div class="swiper-slide" > <a class="img" href="/products/lactic-acid-37342/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_2112220217_885574.jpeg" alt="lactic acid-" /> </a> <div class="des"> <div class="title"> <a href="/products/lactic-acid-37342/">lactic acid-</a></div> </div> </div> </div> <div class="swipeLRbtn l swiper-button-nextHot34"><i class="iconfont icon-sj-xiangzuo1" ></i></div> <div class="swipeLRbtn r swiper-button-prevHot34"><i class="iconfont icon-sj-xiangzuo1" ></i></div> </div> <script> </script> </div> </div> </div> <div class="LModule"> <div class="title"><h3 class="tit">More requests in this category </h3></div> <div class="Wholesale"> <div class="item"> <div class="swiper mySwiperProHot"> <div class="swiper-wrapper"> <div class="swiper-slide" > <a class="img" href="/products/Calcium-Propionate-40426/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_2407250220_756148.png" alt="Calcium Propionate" /> </a> <div class="des"> <div class="title"> <a href="/products/Calcium-Propionate-40426/">Calcium Propionate</a></div> </div> </div> <div class="swiper-slide" > <a class="img" href="/products/Sodium-Propionate-40425/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_2407250219_965601.png" alt="Sodium Propionate" /> </a> <div class="des"> <div class="title"> <a href="/products/Sodium-Propionate-40425/">Sodium Propionate</a></div> </div> </div> <div class="swiper-slide" > <a class="img" href="/products/Benzoic-acid-40424/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_2407250218_357248.png" alt="Benzoic acid" /> </a> <div class="des"> <div class="title"> <a href="/products/Benzoic-acid-40424/">Benzoic acid</a></div> </div> </div> <div class="swiper-slide" > <a class="img" href="/products/Sodium-benzoate-40288/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_2406110442_984034.jpg" alt="Sodium benzoate" /> </a> <div class="des"> <div class="title"> <a href="/products/Sodium-benzoate-40288/">Sodium benzoate</a></div> </div> </div> <div class="swiper-slide" > <a class="img" href="/products/Calcium-Propionate-40054/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_2404091120_941383.png" alt="Calcium Propionate" /> </a> <div class="des"> <div class="title"> <a href="/products/Calcium-Propionate-40054/">Calcium Propionate</a></div> </div> </div> <div class="swiper-slide" > <a class="img" href="/products/Sodium-Benzoate-40053/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_2404091118_860820.png" alt="Sodium Benzoate" /> </a> <div class="des"> <div class="title"> <a href="/products/Sodium-Benzoate-40053/">Sodium Benzoate</a></div> </div> </div> <div class="swiper-slide" > <a class="img" href="/products/Potassium-Sorbate-40052/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_2404091109_673646.png" alt="Potassium Sorbate" /> </a> <div class="des"> <div class="title"> <a href="/products/Potassium-Sorbate-40052/">Potassium Sorbate</a></div> </div> </div> <div class="swiper-slide" > <a class="img" href="/products/Dehydroacetic-acid-And-Sodium-dehydroacetate-39851/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_2403140228_171062.png" alt="Dehydroacetic acid And Sodium dehydroacetate" /> </a> <div class="des"> <div class="title"> <a href="/products/Dehydroacetic-acid-And-Sodium-dehydroacetate-39851/">Dehydroacetic acid And Sodium dehydroacetate</a></div> </div> </div> <div class="swiper-slide" > <a class="img" href="/products/Sorbic-acid-and-Potassium-sorbate-39850/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_2403140227_598051.png" alt="Sorbic acid and Potassium sorbate" /> </a> <div class="des"> <div class="title"> <a href="/products/Sorbic-acid-and-Potassium-sorbate-39850/">Sorbic acid and Potassium sorbate</a></div> </div> </div> <div class="swiper-slide" > <a class="img" href="/products/EDTACaNa2-39486/"> <img class="scaleimg" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_2402271044_166980.png" alt="EDTA-CaNa2" /> </a> <div class="des"> <div class="title"> <a href="/products/EDTACaNa2-39486/">EDTA-CaNa2</a></div> </div> </div> </div> <div class="swipeLRbtn l swiper-button-nextHot"><i class="iconfont icon-sj-xiangzuo1" ></i></div> <div class="swipeLRbtn r swiper-button-prevHot"><i class="iconfont icon-sj-xiangzuo1" ></i></div> </div> <script></script> </div> </div> </div> </div> </div> <div class="RightBox"> <div class="positionfixed"> <div class="proFilx"> <div class="mini-view"> <div class="mini-view-img"> <img src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_1506171143_221126.jpg" alt="Lactic acid colorless"> </div> <div class="mini-view-name">Lactic acid colorless</div> </div> <div class="pitem" > <div class="pleft" >Product price:</div> <div class="pright" >Enquiry please contact</div> </div> <div class="pitem" > <div class="pleft" >Product brand:</div> <div class="pright" >Jindan</div> </div> <div class="pitem" > <div class="pleft" >Region:</div> <div class="pright" >Dancheng</div> </div> <div class="pitem" > <div class="pleft" >Product Categories: </div> <div class="pright" >Preservatives</div> </div>  <div class="btn inquire inquireSendNew"> Inquire Now </div> </div> <div class="proFilx proFilx2"> <div class="card-box" > <div class="card-fixed"> <div class="company-info" > <a target="_blank" href="/suppliers/list-HENAN-JINDAN-LACTIC-ACID-TECHNOLOGY-CO-LTD-77477/" title="HENAN JINDAN LACTIC ACID TECHNOLOGY CO., LTD" > <div class="name" >HENAN JINDAN LACTIC ACID TECHNOLOGY CO., LTD</div> </a>                         <div class="com_lable" > <label>Address:</label> <span>No.08 Jindan Avenue Dnacheng County</span> </div> <div class="com_lable" > <label>Total Number of Staff:</label> <span>more than 500</span> </div> <div class="com_lable" > <label>E-mail:</label> <span></span> </div> <div class="com_lable" > <label>Main Sales Markets:</label> <span>North America,Central/South America,Western Europe,Eastern Europe,Australasia,Asia,Middle East,Africa</span> </div> <div class="com_lable" > <label>Business Type:</label> <span>Manufacturer</span> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <script type="text/javascript" src="/css/js/productsShow.js?pc2023"></script> <section> <style type="text/css"> .box { display:none; box-sizing: border-box; padding-bottom:30px; width: 542px; position: fixed; background: #ffffff; z-index:100; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 4px 8px rgba(0,0,0,.2); overflow: hidden; } .box .box2_submit-sent .ivu-btn{ background: #CCCCCC !important; } .box .ivu-input-default,.box2 .ivu-input-default{ width:230px !important; } .enquiry-font{ font-family: Inter; font-size: 14px; font-weight: normal; line-height: 28px; display: flex; align-items: center; letter-spacing: 0px; font-feature-settings: "kern" on; color: #3D3D3D } .gray-line{ width: 100%; height: 1px; background: #d8d8d86b; } .title1{ font-size: 22px; font-weight: 500; margin-top: 19px; margin-bottom: 7.5px; margin-left: 28px; } .content{ padding: 0 19px 0 28px; } .title2{ height: 34px; margin-top: 4.5px; display: flex; justify-content: space-between; } .title2-img{ width: 42px; height: 34px; border-radius: 2px; } .title2-text{ font-weight: 900; width: 442px; } .title3{ margin-top: 5px; margin-bottom: 11px; display: flex; } .title3-img{ width: 109px; height: 89px; } .title3-text{ align-items: baseline; line-height: 12px; margin-left: 8px; font-weight: 900; } .title4{ margin-top: 6px; } .enquiry-del{ /*width: 495px;*/ /*height: 134px;*/ /*border-radius: 4px;*/ /*margin-top: 15px;*/ /*margin-bottom: 16px;*/ position: relative; } .box textarea.ivu-input,.box2 textarea.ivu-input{ width: 495px; height: 134px; border-radius: 4px; box-sizing: border-box; border: 1px solid #D8D8D8; font-size: 12px; padding: 7px 20px 0 10px; } .textarea-file{ width: 22px; height: 23px; position: absolute; bottom: 6px; left: 10px; cursor: pointer; } .textarea-file-name{ height: 23px; line-height: 23px; position: absolute; bottom: 6px; left: 35px; cursor: pointer; } .i-text{ width: 114px; height: 28px; } .enquiry-email input{ width: 200px; border-radius: 4px; opacity: 1; box-sizing: border-box; border: 1px solid #D8D8D8; } .enquiry-password input{ width: 200px; border-radius: 4px; opacity: 1; box-sizing: border-box; border: 1px solid #D8D8D8; } .gray-hint{ color: #959595; margin-top: 27px; position: relative; left: -2%; width: 110%; } .enquiry-submit{ font-size: 12px; } .close{ position: absolute; right: 23px; top: 20px; width: 13.45px; height: 13.45px; color: #272636; } .Form_information .ivu-modal-footer button.ivu-btn:nth-child(2){ background: linear-gradient(270deg,#fc573f,#e50113) !important; background:red; } .box2_submit-sent{ background: linear-gradient(270deg,#fc573f,#e50113) !important; color:#fff !important; width:200px; } </style> <div id="app"> <Modal v-model="modal_show" :mask="false" :closable="false" mask-closable="false" title="Improve personal information" cancel-text="skip" ok-text="submit" @on-ok="ok" @on-cancel="cancel"> <i-Form class="Form_information" ref="Form_information" :model="Form_information" :rules="rule_information" :label-width="100" label-position="right"> <Form-Item prop="name" label="First Name:"> <i-Input v-model="Form_information.name" type="text" style="width: 300px"></i-Input> </Form-Item> <Form-Item prop="name2" label="Last Name:"> <i-Input v-model="Form_information.name2" type="text" style="width: 300px"></i-Input> </Form-Item> <Form-Item prop="company" label="Company Name:"> <i-Input v-model="Form_information.company" type="text" style="width: 300px"></i-Input> </Form-Item> </i-Form> <template #footer> <i-Button size="size" @click="Form_information_skip">skip</i-Button> <i-Button size="size" @click="Form_information_submit('Form_information')" :class="{submit:1}" style="color:#fff;border:0;background: linear-gradient(270deg,#fc573f,#e50113) !important;" >submit</i-Button> </template> </Modal> <i-Form ref="formValidate" :model="formValidate" :rules="ruleValidate" label-position="left" :label-width="120" class="box" > <input type="hidden" name="product_id" value="104"/> <input type="hidden" name="supplier_id" value="77477"/> <img class="close" src="/image/close.png"> <div class="title1">Send query and log in to register</div> <div class="gray-line"></div> <div class="content"> <div class="title2 enquiry-font"> <img class="title2-img" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/member/img_2202250107_516981.jpg" alt="HENAN JINDAN LACTIC ACID TECHNOLOGY CO., LTD" /> <div class="title2-text">HENAN JINDAN LACTIC ACID TECHNOLOGY CO., LTD</div> </div> <div class="title3"> <img class="title3-img" src="https://sjglecom.oss-cn-shanghai.aliyuncs.com/product/img_1506171143_221126.jpg" alt="Lactic acid colorless"/> <div class="title3-text enquiry-font">Lactic acid colorless</div> </div> <div class="gray-line"></div> <div class="title4 enquiry-font"><span style="color: #FF3019">*</span>Enquiry details：</div> <div class="enquiry-del"> <Form-Item prop="detail" :label-width="0"> <i-Input :class="{pages_textarea_A:1}" v-model="formValidate.detail" type="textarea" placeholder="Please fill in the details you want to know, such as product specifications, price, MOQ, etc" maxlength="500" > </i-Input> </Form-Item> <input name="detail-file" style="display: none;" type="file" @change="onFileChange" /> <img @click="fileClick" class="textarea-file" src="/image/file.png"> <div class="textarea-file-name">{{textarea_file_name}}</div> </div> <Form-Item prop="email" label="Email address:"> <i-Input v-model="formValidate.email" placeholder="Please enter Email address"></i-Input> </Form-Item> <Form-Item prop="password" label="Password:"> <i-Input type="password" v-model="formValidate.password" placeholder="Please enter password"></i-Input> </Form-Item> <Row class="ivu-mt"> <div style='font-size:9px;' >By clicking the Send button, unregistered users become sjgle members by default and agree to send queries.</div> </Row> <Row class="ivu-mt"> <div id="your-dom-id_B" class="nc-container"></div> </Row> <Row class="ivu-mt"> <i-Button :class="{ 'box2_submit-sent':isSend}" @click="handleSubmit('formValidate')">Send Inquiry Now</i-Button> </Row> </div> </i-Form> </div> <script type="text/javascript" src="/file/css/js/slide_en_B.js?rj_id=your-dom-id_B&app=app"></script> <script> $(document).on('click', '.inquireSendNew', function(res){ $(".box").show(); }); $(document).on('click', '.close', function(res){ $(".box").hide(); }); const app = Vue.createApp({ data () { const ruleValidate_password = (rule, pwd, callback) => { var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9]).*$", "g"); if(!strongRegex.test(pwd)) { callback(new Error(rule.message)); }else { callback(); } }; const ruleValidate_name = (rule, value, callback) => { if (value === ''&&rule.required) { callback(new Error(rule.message)); }else { callback(); } }; return { uid:0, modal_show: false, Form_information: { name: '', name2: '', company:'', }, rule_information: { name: [ { required: true, message: 'The First Name cannot be empty', trigger: 'blur',validator:ruleValidate_name } ], name2: [ { required: true, message: 'The Last Name cannot be empty', trigger: 'blur',validator:ruleValidate_name } ], company: [ { required: true, message: 'Enter company name', trigger: 'blur',validator:ruleValidate_name } ], }, textarea_file_name: "", isSend:false, formValidate: { email: '', password: '', detail:'', textarea_file:"", rj_data:'' }, ruleValidate: { email: [ { required: true, message: 'Mailbox cannot be empty', trigger: 'change' }, { type: 'email', message: 'Incorrect email format', trigger: 'change' } ], password: [ { required: true, type: 'string', message: 'Password cannot be empty', trigger: 'change' }, { type: 'string', min: 8, message: '8 characters minimum, with lowercase, uppercase, and numbers', trigger: 'change' ,validator:ruleValidate_password } ], detail: [ { required: true, type: 'string', message: 'Please enter the enquiry details', trigger: 'change' }, { type: 'string', max: 498, message: 'Enquiry details maximum 500 characters', trigger: 'change' } ], } } }, watch: { }, methods: { Is_login(){ $(".box").hide(); var __this=this; if(this.$data.uid===0){ $.ajax({ type: "POST", url: "/member/loginApi.php?action=get_user_profile", data:this.$data.formValidate, dataType:'json', success (res){ if(res.bool){ __this.submitForm(); return true; }else{ __this.$data.modal_show=true; return false; } } }); }else{ return true; } }, Form_information_skip() { this.submitForm(); this.$data.modal_show=false; }, Form_information_submit (name) { this.$refs[name].validate((valid) => { if (valid) { this.submitForm(); this.$data.modal_show=false; }else{ this.$Message.error("Please check the parameters"); } }) }, handleSubmit (name) { this.$refs[name].validate((valid) => { if (valid) { if(this.$data.formValidate.rj_data===''){ this.$Message.error("Please drag the slider"); return false; } if(this.$data.isSend){ if(this.Is_login()){ this.submitForm(); return true; } return false; }else{ this.$Message.config({ top: 200, }); this.$Message.success({content: "You have already sent, please try again later", duration: 1,closable: true}); } } else { this.$Message.error({content:"Please check the parameters", duration: 1,closable: true}); } }) }, submitForm() { var __this=this; var formData = new FormData(); formData.append('email', this.$data.formValidate.email); formData.append('password', this.$data.formValidate.password); formData.append('detail', this.$data.formValidate.detail); formData.append('textarea_file', this.$data.formValidate.textarea_file); formData.append('product_id', $('[name=product_id]').val() ); formData.append('supplier_id', $('[name=supplier_id]').val() ); if(__this.$data.Form_information.name){ formData.append('name', this.$data.Form_information.name); } if(__this.$data.Form_information.name2){ formData.append('name2', this.$data.Form_information.name2); } if(__this.$data.Form_information.company){ formData.append('company', this.$data.Form_information.company); } $.ajax({ type: "POST", url: "/s-77477/enquiriesandregister/action-send.html", data:formData, contentType: false, processData: false, dataType: "json", success: function(res) { if(res.code===200){ if(!res.bool){ $(".box").show(); __this.$Message.error(res.msg); return false; }else{ __this.$Message.success(res.msg); setTimeout(function() { if(res.location_url){ // window.location.href = res.location_url; window.location.reload(); } }, 1000); } }else{ __this.$Message.error('error'); } }, error: function(xhr, status, error) { __this.$Message.error('error'); } }); }, fileClick(){ document.querySelector('.box .enquiry-del input').click(); }, onFileChange(event){ var _type = event.target.files[0].type var size = event.target.files[0].size; var name = event.target.files[0].name; if(size > 5242880){ this.$Message.error({content:"The file cannot be larger than 5mb", duration: 1,closable: true}); return; } var types = ["image/gif","image/jpeg","image/png","application/vnd.ms-powerpoint","application/pdf","text/plain","application/msword"] if (types.includes(_type)) { } else { this.$Message.error({content:"Incorrect file type", duration: 1,closable: true}); return; } this.$data.textarea_file_name = name this.$data.formValidate.textarea_file = event.target.files[0] } }, computed:{ }, created () { this.$data.uid=0; }, mounted() { }, }); app.use(ViewUIPlus); app.mount("#app"); </script> </section> <div class="Footer"> <div class="seek pc_width"> <div class="title"> Trade Alert - Delivering the latest product trends and industry news straight to your inbox. </div> <div class="sub"> <div class="text"> <input name='pc_Email' id="pc_Email" class="XM_focus13" placeholder="Your Email" > <div class="btn" onclick="pc_add_email()">Subscribe</div> </div> </div> </div> <script> $(function () { $(document).on('focus', '.XM_focus13', function (res) { $('.XM_focus13').removeClass('keydown13'); $(this).addClass('keydown13') }); }); $(document).keydown(function (event) { if(event.keyCode == 13) { var ss_id=$('.keydown13').attr('id'); if(ss_id =='txtSearch'){ search_submit(); }else if(ss_id=='pc_Email'){ pc_add_email(); } } }); function pc_add_email() { var myreg = /^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/; if(!myreg.test($("input[name='pc_Email']").val())){ alert("Please enter your e-mail address."); return false; } $.ajax({ url:"/ajax.php?action=pc", method: "post", data: { fun_type:'pc_email', email: $("input[name='pc_Email']").val() }, success:function (data) { var res = $.parseJSON(data); if (res.code!= 200) { alert(res.message); } else { alert(res.message); } } }); } </script> <div class="menu pc_width"> <div class="item"> <li> <h3>About Us</h3> <p> <a href="/news/show-856.html" title="">About EN-SJGLE.com</a> <a href="/news/show-857.html" title="">Contact Us</a>   <a href="/news/show-858.html" title="">Privacy Policy</a> <a href="/news/show-11985.html" title="">Intellectual Property Statement</a> </p> </li> <li> <h3>Buyers Services</h3> <p> <a href="/news/show-844.html" title="">Offer To Buy</a> <a href="/news/show-844.html" title="">Product Alert</a> <a href="/news/show-844.html" title="">Visitor Registration</a> <a href="/news/show-844.html" title="">Real-Name Verification</a> </p> </li> <li> <h3>Selling Services</h3> <p> <a href="/news/show-854.html" title="">Offer To Sell</a> <a href="/news/show-854.html" title="">Marketing Website</a> <a href="/news/show-854.html" title="">E-Manual</a> <a href="/news/show-854.html" title="">Advertising Services</a> </p> </li> <li class="Help"> <h3>Help</h3> <p> <a href="/news/show-855.html">How to register into a member? Do I need to pay?</a> <a href="/news/show-855.html">I am a member now. Why cant I log in?</a> <a href="/news/show-855.html">I want to release product supply information? How to operate?</a> </p> </li> </div> </div> <div class="links pc_width "> <div class="item"> <span class="tit">Links：</span> </div> </div> <div class="brand pc_width"> <div class="item"> <a class="li" href="https://www.en-sjgle.com" target="_blank"> <p>SJGLE.CN</p> <img src="../../file/style/pc/pc_brand_1.jpg" title="Food Processing & Packaging"> </a> <a class="li" href="https://www.pharmasources.com#site=sjgle" target="_blank"> <p> </p> <img src="../../file/style/pc/pc_brand_2.jpg" title="Pharmaceutical Manufacturing"> </a> <a class="li" href="https://en.jiagle.com/furniture/#site=sjgle" target="_blank"> <p> Jiagle.com Websites</p> <img src="../../file/style/pc/pc_brand_3.jpg" title="Furniture & Decorations"> </a> <a class="li" href="https://en.jiagle.com/food-beverage/#site=sjgle" target="_blank"> <p>  </p> <img src="../../file/style/pc/pc_brand_4.jpg" title="Food & Beverage"> </a> <a class="li" href="https://en.jiagle.com/cs/#site=sjgle" target="_blank"> <p>  </p> <img src="../../file/style/pc/pc_brand_5.jpg" title="Hotel & Shop"> </a> <a class="li" href="https://en.jiagle.com/lighting/#site=sjgle" target="_blank"> <p>  </p> <img src="../../file/style/pc/pc_brand_6.jpg" title="Lighting"> </a> <a class="li" href="https://en.jiagle.com/leisure/#site=sjgle" target="_blank"> <p>  </p> <img src="../../file/style/pc/pc_brand_7.jpg" title="Boat · Leisure & Tourism"> </a>     </div> </div> <div class="last"> <div class="item pc_width"> <a class="footericon" href="https://www.imsinoexpo.com/en" rel="nofollow" target="_blank"></a> <span>Copyright 2006-2023 Shanghai Sinoexpo Informa Markets International Exhibition Co. Ltd (All Rights Reserved) <br/> <a href="https://beian.miit.gov.cn" rel="nofollow" target="_blank">沪ICP备05034851号-121</a>   <a href="https://beian.mps.gov.cn/#/query/webSearch?code=沪公网安备31010402001403号" rel="nofollow" target="_blank"><img style="width:18px;height:18px;" src="/css/js/img/pc/gonanbenan.png"/> 沪公网安备31010402001403号</a> </span> </div> </div> </div>  <section> <div class="COMMON_LOL"> <div class="Max"> <a class="li" target="_blank" href="/products/enquiries.php" rel="nofollow"> <div class="img"><img src="/file/style/pc/pc_lol1.png"/> </div> <div class="text">Inquiry Basket</div> </a> <a class="li" target="_blank" href="mailto:Louise.Lou@imsinoexpo.com" > <div class="img"><img src="/file/style/pc/pc_lol2.png"/></div> <div class="text">Buyer service</div> </a> <a class="li" target="_blank" href="mailto:Ann.Ji@imsinoexpo.com" > <div class="img"><img src="/file/style/pc/pc_lol2.png"/></div> <div class="text">Supplier service</div> </a> <a class="li toplol" href="javascript:scrollTo(0,0);" target="_self" > <div class="img"><img src="/file/style/pc/pc_lol4.png"/></div> <div class="text">to Top</div> </a> </div> </div> <script> $(document).ready(function() { if($(document).scrollTop() == 0){ $('.COMMON_LOL .toplol').hide(); } $(document).scroll(function (res) { $(document).scrollTop() > 50?$('.COMMON_LOL .toplol').show():$('.COMMON_LOL .toplol').hide(); }); }); </script> </section>  <script type="text/javascript" charset="utf-8" src="//g.alicdn.com/sd/ncpc/nc.js?t=2015052012"></script> <link href="/file/css/style/css/slide_en.css" rel="stylesheet" type="text/css"> <style> @import url("/file/css/font-open-sans.css"); .login-box{ width: 440px; overflow: hidden; position: fixed; top: 50%; left: 50%; margin-left: -220px; margin-top: -200px; z-index: 11000; display: none; } .login-box .login-in{ padding: 10px 20px 30px; background: #F5F5F5; border: 1px solid #E5E5E5; overflow: hidden; font-size: 14px; } .login-box .register-login{ width: 400px; float: left; } .login-box .register-login .p-title{ font-size: 20px; color: #e41e2b; padding-bottom: 14px; text-align: center; } .login-box .register-login .login-divs{ padding-bottom: 20px; overflow: hidden; } .login-box .register-login .login-divs02 dl{ padding-bottom: 32px; } .login-box .register-login .login-divs dl dt{ display: block; float: left; width: 170px; text-align: center; font-size: 14px; color: #231815; padding-top: 6px; } .login-box .register-login .login-divs dl dt span{ color: #f00; font-family:open-sans; font-size: 18px; display: inline-block; line-height: 1; vertical-align: bottom; padding-right: 6px; } .login-box .register-login .login-divs .dlinput,.login-box .register-login .login-divs .dlinput02 { width: 211px; height: 32px; line-height: 32px; border: 1px solid #d4d4d4; padding-left: 10px; font-size: 14px; } .login-box .pl-10{ padding-left: 10px; } .login-box .pr-10{ padding-right: 10px; } .login-box .pt-10{ padding-top: 10px; } .login-box .clear{ clear: both; margin: 0; padding: 0; } .login-box .register-login .dl-btns{ width: 152px; height: 33px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 16px; color:#fff; border:0; background-color:#c81315; cursor: pointer; } .login-box .register-login .dl-btns_1{ width: 152px; height: 33px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 16px; color:#fff; border:0; background-color:#9c9c9c; cursor: pointer; } .login-box .textcenter{ text-align: center; } .login-box .register-login .login-divs .dlinput02{ width: 100px; } .login-box .login-box-btn{ text-align: right; cursor: pointer; font-size: 20px; } #yourdomid { padding-right: 0px!important; } .nc_scale { width:220px!important; } </style> <div class="login-box" id="login-box"> <div class="login-in"> <div class="register-login"> <form method="post" action="/member/vec_login.php" onsubmit="return Dcheck()"> <input name="forward" type="hidden" id="forward" value="http://www.en-sjgle.com//products//products/Lactic-acid-colorless-104/"> <div class="login-box-btn" id="login-box-btn">☒</div> <p class="p-title">Member Login</p> <div class="login-divs login-divs02"> <dl> <dt><span>*</span>Login Name or E-mail：<input type="hidden" name="option" value="email" /></dt> <dd><input name="username" id="username_login" type="text" value="" class="dlinput"/></dd> </dl> <dl> <dt><span>*</span>Password：</dt> <dd><input name="password" type="password" class="dlinput" id="password"/> </dd> </dl> <dl> <dt> </dt> <dd><input type="checkbox" name="cookietime" value="1" id="cookietime" checked/> <label for="cookietime">Remember me on this computer</label></dd> </dl> <dl> <dt><span>*</span>Verification Code：</dt> <div id="yourdomid" style="display: inline-block; position: relative; "> <div id="your-dom-id1" class="nc-container"></div> </div> <script type="text/javascript" src="/file/css/js/slide_en1.js"></script> </dl> <p class="clear"> </p> <p class="textcenter pt-10"> <input type="hidden" name="rj_data1" id="rj_data1"> <input name="submit" type="hidden" value="LoginNow" /> <button type="submit" class="dl-btns " style="display: none">Login Now</button> <button type="button" class="dl-btns_1 " >Login Now</button> </p> <p class="textcenter pt-10"><a href="/member/register.php">Register Now</a></p> </div> </form> </div> </div> </div> <div class="login-cover" id="login-cover" style="display:none;position:fixed;height: 100%; width: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index:10000; background: black; opacity: 0.3;filter:alpha(opacity=30)"></div> <script> document.getElementById('login-box-btn').onclick = function(){ document.getElementById('login-box').style.display = 'none'; document.getElementById('login-cover').style.display = 'none'; } function loginBox(){ document.getElementById('login-box').style.display = 'block'; document.getElementById('login-cover').style.display = 'block'; } function Dcheck(){ if(document.getElementById('username_login').value.replace(/[ ]/g,"") == "") { alert("Enter Name or E-mail"); return false; } if(document.getElementById('password').value.replace(/[ ]/g,"") == "") { alert("Enter password"); return false; } // if(document.getElementById('captcha_login').value.replace(/[ ]/g,"") == "") // { // alert("Enter verification code"); // return false; // } } // reloadcaptchaLogin(); // showcaptchaLogin(); </script> <script type='text/javascript'> var scriptElement = document.createElement("script"); if(navigator.language == 'zh-CN'){ scriptElement.src = 'https://webchat.7moor.com/javascripts/7moorInit.js?accessId=18deddc0-bc18-11ee-a416-7f97257e6090&autoShow=true&language=ZHCN' }else{ scriptElement.src = 'https://webchat.7moor.com/javascripts/7moorInit.js?accessId=fa5215b0-bb2d-11ee-855b-8d4408d46f66&autoShow=true&language=EN' } scriptElement.type = "text/javascript"; scriptElement.async = "async"; document.body.appendChild(scriptElement); if(localStorage.getItem('User')){ var myObjectFromStorage = JSON.parse(localStorage.getItem('User')); if(myObjectFromStorage.uid){ var kfUser={userId: 'EN_'+myObjectFromStorage.uid, nickName:myObjectFromStorage.name}; var qimoClientId =kfUser; } } </script> <section id="V-emailHtml"> <script src="/css/js/vue/vue.js"></script> <link href="/css/js/vue/view-ui-plus/dist/styles/viewuiplus.css" rel="stylesheet" type="text/css"> <script src="/css/js/vue/view-ui-plus/dist/viewuiplus.min.js" type="text/javascript"></script> <link rel="stylesheet" href="/css/js/Vemail.css" type="text/css"> <div id="V-email"> <div class="Vemail"> <div class="Vemail_x"><i class="iconfont icon-sj-cuowu"></i></div> <div id="vemailApp"> <i-Form ref="formValidate" :model="formValidate" :rules="ruleValidate" label-position="left" > <Form-Item> <i-Title :level="1" v-font="20" class="email">Your email is not verified, please verify first!</i-Title> </Form-Item> <Form-Item> <i-Title :level="1" v-font="25" class="email">  </i-Title> </Form-Item> <Form-Item prop="code"> <Row :gutter="16"> <i-Col span="12"> <Row :gutter="6"> <i-Col span="4"> <i-Input ref="input1" @input="focusInput(1)" size="large" class="ivu-text-center" maxlength="1" v-model="formValidate.code[0]"></i-Input> </i-Col> <i-Col span="4"> <i-Input ref="input2" @input="focusInput(2)" size="large" class="ivu-text-center" maxlength="1" v-model="formValidate.code[1]"></i-Input> </i-Col> <i-Col span="4"> <i-Input ref="input3" @input="focusInput(3)" size="large" class="ivu-text-center" maxlength="1" v-model="formValidate.code[2]"></i-Input> </i-Col> <i-Col span="4"> <i-Input ref="input4" @input="focusInput(4)" size="large" class="ivu-text-center" maxlength="1" v-model="formValidate.code[3]"></i-Input> </i-Col> <i-Col span="4"> <i-Input ref="input5" @input="focusInput(5)" size="large" class="ivu-text-center" maxlength="1" v-model="formValidate.code[4]"></i-Input> </i-Col> <i-Col span="4"> <i-Input ref="input6" @input="focusInput(6)" size="large" class="ivu-text-center" maxlength="1" v-model="formValidate.code[5]"></i-Input> </i-Col> </Row> </i-Col> <i-Col span="11" offset="1"> <Row> <i-Col span="8"> <i-Button :shape="circle" long class="subBtn" @click="handleSubmit('formValidate')">Submit</i-Button> </i-Col> <i-Col span="12" offset="2"> <i-Button :disabled="Buttondisabled" shape="circle" long class="subBtn" @click="SendEmail">Aeacquire<Count-Down :target="targetTime2" :format="format" @on-end="handleEnd" ></Count-Down></i-Button> </i-Col> </Row> </i-Col> </Row> </Form-Item> </i-Form> <div class="ivu-text-left">Please go to email to check the verification code.</div> </div> </div> </div> <script> $(".Vemail_x").click(function(){ $('#V-email').remove(); localStorage.setItem("V-email", "close"); }); const vemailApp = Vue.createApp({ data () { return { Buttondisabled:true, targetTime2:0, formValidate: { email:'', code:[] }, ruleValidate: { email: [ { required: true, message: 'Mailbox cannot be empty', trigger: 'blur' }, { type: 'email', message: 'Incorrect email format', trigger: 'blur' } ], code: [ { required: true, }, { type: 'array', min: 6} ], } } }, watch: { }, methods: { format(time){ if(Math.floor(time/1000)===0){ return ''; }else{ return '('+Math.floor(time/1000)+'s)'; } }, handleEnd () { this.$data.Buttondisabled=false; }, focusInput(index) { var indexMax=index+1; var indexMin=index-1; if(this.$refs[`input${index}`].$data.currentValue === ''|| this.$refs[`input${index}`].$data.currentValue==null){ this.$refs[`input${index-1}`].focus(); }else{ this.$refs[`input${index+1}`].focus(); } }, handleSubmit (name) { this.$refs[name].validate((valid) => { if (valid) { this.submitForm(); }else{ } }) }, isSendEmail(){ var __this=this; $.ajax({ url: "/api/get_LoginUser.php?action=isLogin", method: "post", data: {fun_: 'isLogin'}, dataType: "json", success: function (res) { if(res.code==200){ __this.$data.formValidate.email= res.data.email; if(res.data.logintimes=="2"){ __this.SendEmail(); } }else{ localStorage.removeItem("V-email"); } } }); }, SendEmail(val) { var __this=this; __this.$data.targetTime2=new Date().getTime() + 60000; $.ajax({ type: "POST", url: "/member/loginApi.php?action=SendEmail", data:this.$data.formValidate, dataType: "json", success: function(res) { if(res.code===200){ if(!res.bool){ __this.$data.targetTime2=0; return false; }else{ if(res.data){ __this.$data.formValidate.email= res.data.email; } } }else{ __this.$Message.error('error'); } }, error: function(xhr, status, error) { __this.$Message.error('error'); } }); }, submitForm() { var __this=this; $.ajax({ type: "POST", url: "/member/loginApi.php?action=veamil", data:this.$data.formValidate, dataType: "json", success: function(res) { if(res.code===200){ if(!res.bool){ __this.$Message.error({content:res.msg,duration:3}); }else{ __this.$Message.success({content:res.msg,duration:3}); setTimeout(function () { $('#V-emailHtml').hide(); },1000) } }else{ __this.$Message.error('error'); } }, error: function(xhr, status, error) { __this.$Message.error('error'); } }); }, }, created() { this.isSendEmail(); }, mounted() { }, }); vemailApp.use(ViewUIPlus); vemailApp.mount("#vemailApp"); </script> </section> <script> window.onpageshow = function(event) { if (event.persisted) { window.location.reload(); } }; </script></body> </html><script> import Input from "../../../file/js/vue/view-ui-plus/src/components/input/input"; export default { components: {Input} } </script> <script> import Input from "../../../file/js/vue/view-ui-plus/src/components/input/input"; export default { components: {Input} } </script>

CINXE.COM

Lactic acid colorless detailed description /price/wholesale/suppliers information_en-sjgle.com