</noscript> <header class="header clearfix" id="header-container"> <div class="header1"></div> <div class="pc-con header-con"> <div class="header_bj"> <div class="logo"><a href="https://www.firstyang.com/"><img src="https://www.firstyang.com/Data/firstyang/template/en/images/logo1.png" alt=""></a></div> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" id="dtp"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="pc-nav" id="headbot"> <div class="navigation-up"> <div class="navigation-inner"> <div class="navigation-v3"> <ul> <li><a href="https://www.firstyang.com/product.html" title="Product">Product</a><span></span></li> <li><a href="https://www.firstyang.com/car-factory.html" title="Car factory">Car factory</a><span></span></li> <li><a href="https://www.firstyang.com/Agentdealer.html" title="Agent/dealer">Agent/dealer</a><span></span></li> <li><a href="https://www.firstyang.com/end-user.html" title="End user">End user</a><span></span></li> <li><a href="https://www.firstyang.com/advantage.html" title="Advantage">Advantage</a><span></span></li> <li><a href="https://www.firstyang.com/spec.html" title="Spec.">Spec.</a><span></span></li> <li><a href="https://www.firstyang.com/gallery.html" title="Gallery">Gallery</a><span></span></li> <li><a href="https://www.firstyang.com/Partner_63912.html" title="Partner">Partner</a><span></span></li> <li><a href="https://www.firstyang.com/about.html" title="About Us">About Us</a><span></span></li> <li><a href="https://www.firstyang.com/contact.html" title="Contact Us">Contact Us</a><span></span></li> </ul> </div> </div> </div> </div> <div class="rt"> <a class="hidden-xs" href="javascript:search();;"><img src="https://www.firstyang.com/Data/firstyang/template/en/images/icon_03.png" alt=""></a> </div> <div class="search"> <div class="container clearfix"> <form class="fr" action="https://www.firstyang.com/products.html" method="get"> <input type="text" class="input-text gray" name="keyword" value="" id="keyword" placeholder="Please enter a keyword"> <input class="btn btn-plur" id="search-btn" type="submit" value="Search"> </form> </div> </div> </div> </div> </header> <div class="list_top"></div> <div class="nycontain_pro_bj"><div class="nycontain_pro_bj1"><div class="ruturn ruturn1"><a href="javascript:history.back(-1);"><img src="https://www.firstyang.com/Data/firstyang/template/en/images/menu_back.png" width="20" height="23"></a></div> <a href="https://www.firstyang.com/">Home</a> >> <a href="https://www.firstyang.com/product.html" title="Product">Product</a> >> <a href="https://www.firstyang.com/product/for-mazda.html" rel="nofollow" title="For Mazda"><strong>For Mazda</strong></a> </div></div> <div id="subNav"> <ul class="wrap clearfix"> <li ><a href="https://www.firstyang.com/product/for-hyundai_51897.html" rel="nofollow" title="For Hyundai">For Hyundai</a></li> <li ><a href="https://www.firstyang.com/product/for-kia_75571.html" rel="nofollow" title="For Kia">For Kia</a></li> <li ><a href="https://www.firstyang.com/product/for-toyota_50273.html" rel="nofollow" title="For Toyota">For Toyota</a></li> <li ><a href="https://www.firstyang.com/product/for-isuzu_50830.html" rel="nofollow" title="For Isuzu">For Isuzu</a></li> <li ><a href="https://www.firstyang.com/product/for-suzuki_80885.html" rel="nofollow" title="For Suzuki">For Suzuki</a></li> <li ><a href="https://www.firstyang.com/product/for-ford_87131.html" rel="nofollow" title="For Ford">For Ford</a></li> <li ><a href="https://www.firstyang.com/product/for-honda.html" rel="nofollow" title="For Honda">For Honda</a></li> <li ><a href="https://www.firstyang.com/product/for-nissan.html" rel="nofollow" title="For Nissan">For Nissan</a></li> <li ><a href="https://www.firstyang.com/product/for-gmc.html" rel="nofollow" title="For GMC">For GMC</a></li> <li ><a href="https://www.firstyang.com/product/for-jeep.html" rel="nofollow" title="For Jeep">For Jeep</a></li> <li ><a href="https://www.firstyang.com/product/for-mitsubishi.html" rel="nofollow" title="For Mitsubishi">For Mitsubishi</a></li> <li ><a href="https://www.firstyang.com/product/for-chevrolet.html" rel="nofollow" title="For Chevrolet">For Chevrolet</a></li> <li ><a href="https://www.firstyang.com/product/for-vw.html" rel="nofollow" title="For VW">For VW</a></li> <li ><a href="https://www.firstyang.com/product/for-skoda.html" rel="nofollow" title="For Skoda">For Skoda</a></li> <li ><a href="https://www.firstyang.com/product/for-buick.html" rel="nofollow" title="For Buick">For Buick</a></li> <li ><a href="https://www.firstyang.com/product/for-peugeot.html" rel="nofollow" title="For Peugeot">For Peugeot</a></li> <li ><a href="https://www.firstyang.com/product/for-citroen.html" rel="nofollow" title="For Citroen">For Citroen</a></li> <li class=adv_active><a href="https://www.firstyang.com/product/for-mazda.html" rel="nofollow" title="For Mazda">For Mazda</a></li> <li ><a href="https://www.firstyang.com/product/for-fiat.html" rel="nofollow" title="For Fiat">For Fiat</a></li> <li ><a href="https://www.firstyang.com/product/for-renault.html" rel="nofollow" title="For Renault">For Renault</a></li> <li ><a href="https://www.firstyang.com/product/for-opel.html" rel="nofollow" title="For Opel">For Opel</a></li> <li ><a href="https://www.firstyang.com/product/for-seat.html" rel="nofollow" title="For Seat">For Seat</a></li> <li ><a href="https://www.firstyang.com/product/for-iveco.html" rel="nofollow" title="For Iveco">For Iveco</a></li> <li ><a href="https://www.firstyang.com/product/for-subaru.html" rel="nofollow" title="For Subaru">For Subaru</a></li> <li ><a href="https://www.firstyang.com/product/for-ssangyong.html" rel="nofollow" title="For Ssangyon">For Ssangyon</a></li> <li ><a href="https://www.firstyang.com/product/for-bmw_58988.html" rel="nofollow" title="For BMW">For BMW</a></li> <li ><a href="https://www.firstyang.com/product/for-benz_99629.html" rel="nofollow" title="For BENZ">For BENZ</a></li> <li ><a href="https://www.firstyang.com/product/for-audi_67228.html" rel="nofollow" title="For AUDI">For AUDI</a></li> <li ><a href="https://www.firstyang.com/product/for-porsche.html" rel="nofollow" title="For Porsche">For Porsche</a></li> <li ><a href="https://www.firstyang.com/product/for-lexus.html" rel="nofollow" title="For Lexus">For Lexus</a></li> <li ><a href="https://www.firstyang.com/product/for-volvo.html" rel="nofollow" title="For Volvo">For Volvo</a></li> <li ><a href="https://www.firstyang.com/product/for-land-rover_78572.html" rel="nofollow" title="For Landrover">For Landrover</a></li> <li ><a href="https://www.firstyang.com/product/for-jaguar.html" rel="nofollow" title="For Jaguar">For Jaguar</a></li> <li ><a href="https://www.firstyang.com/product/for-cadillac.html" rel="nofollow" title="For Cadillac">For Cadillac</a></li> <li ><a href="https://www.firstyang.com/product/for-mini.html" rel="nofollow" title="For MINI">For MINI</a></li> <li ><a href="https://www.firstyang.com/product/for-smart.html" rel="nofollow" title="For Smart">For Smart</a></li> <li ><a href="https://www.firstyang.com/product/for-chinese-car.html" rel="nofollow" title="For other car">For other car</a></li> <li ><a href="https://www.firstyang.com/product/universal_50381.html" rel="nofollow" title="Universal">Universal</a></li> <li ><a href="https://www.firstyang.com/product/for-infinity.html" rel="nofollow" title="Wince">Wince</a></li> <li ><a href="https://www.firstyang.com/product/for-chrysler.html" rel="nofollow" title="Accessories">Accessories</a></li> </ul> </div> <div class="main_pj_img clearfix"> <ul> <li> <a href="https://www.firstyang.com/for-hyundai_51897/new-models.html" title="New models"> <div class="pic"><img src="https://firstyang.oss-accelerate.aliyuncs.com/Data/firstyang/upload/image/20190714/timg_副本.jpg?x-oss-process=image/resize,m_pad,h_404,w_404" alt="New models"/></div> <div class="tit"><h3>New models</h3><p></p></div> </a> </li> <li> <a href="https://www.firstyang.com/for-hyundai_51897/exclusive-models.html" title="Exclusive models"> <div class="pic"><img src="https://firstyang.oss-accelerate.aliyuncs.com/Data/firstyang/upload/image/20190714/d.jpg?x-oss-process=image/resize,m_pad,h_404,w_404" alt="Exclusive models"/></div> <div class="tit"><h3>Exclusive models</h3><p></p></div> </a> </li> <li> <a href="https://www.firstyang.com/for-mazda/for-mazda-3-2009-d.html" title="For Mazda 3 2009 D"> <div class="pic"><img src="https://firstyang.oss-accelerate.aliyuncs.com/Data/firstyang/upload/image/20180517/MAZDA 3 2009 D_2.png?x-oss-process=image/resize,m_pad,h_404,w_404" alt="For Mazda 3 2009 D"/></div> <div class="tit"><h3>For Mazda 3 2009 D</h3><p></p></div> </a> </li> <li> <a href="https://www.firstyang.com/for-mazda/for-mazda-cx-7.html" title="For Mazda CX-7"> <div class="pic"><img src="https://firstyang.oss-accelerate.aliyuncs.com/Data/firstyang/upload/image/20180523/For MAZDA MAZDA CX-7_1.png?x-oss-process=image/resize,m_pad,h_404,w_404" alt="For Mazda CX-7"/></div> <div class="tit"><h3>For Mazda CX-7</h3><p></p></div> </a> </li> <li> <a href="https://www.firstyang.com/for-mazda/for-mazda-cx-4-2016.html" title="For Mazda CX-4 2016"> <div class="pic"><img src="https://firstyang.oss-accelerate.aliyuncs.com/Data/firstyang/upload/image/20180523/For MAZDA MAZDA CX-4 2016_1.png?x-oss-process=image/resize,m_pad,h_404,w_404" alt="For Mazda CX-4 2016"/></div> <div class="tit"><h3>For Mazda CX-4 2016</h3><p></p></div> </a> </li> <li> <a href="https://www.firstyang.com/for-mazda/for-mazda-cx-5-2017.html" title="For Mazda CX-5 2017"> <div class="pic"><img src="https://firstyang.oss-accelerate.aliyuncs.com/Data/firstyang/upload/image/20180523/For MAZDA MAZDA CX-5 2017_1.png?x-oss-process=image/resize,m_pad,h_404,w_404" alt="For Mazda CX-5 2017"/></div> <div class="tit"><h3>For Mazda CX-5 2017</h3><p></p></div> </a> </li> <li> <a href="https://www.firstyang.com/for-mazda/for-mazda-5.html" title="For Mazda 5"> <div class="pic"><img src="https://firstyang.oss-accelerate.aliyuncs.com/Data/firstyang/upload/image/20180523/For MAZDA MAZDA 5_1.png?x-oss-process=image/resize,m_pad,h_404,w_404" alt="For Mazda 5"/></div> <div class="tit"><h3>For Mazda 5</h3><p></p></div> </a> </li> <li> <a href="https://www.firstyang.com/for-mazda/for-mazda-6.html" title="For Mazda 6"> <div class="pic"><img src="https://firstyang.oss-accelerate.aliyuncs.com/Data/firstyang/upload/image/20180523/For Mazda 6_1.png?x-oss-process=image/resize,m_pad,h_404,w_404" alt="For Mazda 6"/></div> <div class="tit"><h3>For Mazda 6</h3><p></p></div> </a> </li> <li> <a href="https://www.firstyang.com/for-mazda/for-mazda-3-axela-2018.html" title="For Mazda 3 2018"> <div class="pic"><img src="https://firstyang.oss-accelerate.aliyuncs.com/Data/firstyang/upload/image/20180523/For MAZDA 3 2018- Axela_1.png?x-oss-process=image/resize,m_pad,h_404,w_404" alt="For Mazda 3 2018"/></div> <div class="tit"><h3>For Mazda 3 2018</h3><p></p></div> </a> </li> <li> <a href="https://www.firstyang.com/for-mazda/for-mazda-3-axela-2013.html" title="For Mazda 3 2013"> <div class="pic"><img src="https://firstyang.oss-accelerate.aliyuncs.com/Data/firstyang/upload/image/20180523/For MAZDA 3 2013- Axela_1.png?x-oss-process=image/resize,m_pad,h_404,w_404" alt="For Mazda 3 2013"/></div> <div class="tit"><h3>For Mazda 3 2013</h3><p></p></div> </a> </li> <li> <a href="https://www.firstyang.com/for-mazda/for-cx5.html" title="For CX5"> <div class="pic"><img src="https://firstyang.oss-accelerate.aliyuncs.com/Data/firstyang/upload/image/20180517/CX5_1.jpg?x-oss-process=image/resize,m_pad,h_404,w_404" alt="For CX5"/></div> <div class="tit"><h3>For CX5</h3><p></p></div> </a> </li> <li> <a href="https://www.firstyang.com/for-mazda/for-mazda-6-atenz-2016.html" title="For MAZDA 6 2016"> <div class="pic"><img src="https://firstyang.oss-accelerate.aliyuncs.com/Data/firstyang/upload/image/20180517/MAZDA 6 ATENZA 2014-2017_1.jpg?x-oss-process=image/resize,m_pad,h_404,w_404" alt="For MAZDA 6 2016"/></div> <div class="tit"><h3>For MAZDA 6 2016</h3><p></p></div> </a> </li> </ul> <style type="text/css"> /*badoo style*/ div#badoopager {padding-right: 0px; padding-left: 0px; font-size: 13px; padding-bottom: 10px; color: #48b9ef; padding-top: 10px; font-family: arial, helvetica, sans-serif; background-color: #fff;text-align: center;clear: both;} div#badoopager a {border-right: #f0f0f0 2px solid; padding-right: 5px; border-top: #f0f0f0 2px solid; padding-left: 5px; padding-bottom: 2px; margin: 0px 2px; border-left: #f0f0f0 2px solid; color: #48b9ef; padding-top: 2px; border-bottom: #f0f0f0 2px solid; text-decoration: none} div#badoopager a:hover {border-right: #FF6D06 2px solid; border-top: #FF6D06 2px solid; border-left: #FF6D06 2px solid; color: #FF6D06; border-bottom: #FF6D06 2px solid} div#badoopager a:active {border-right: #FF6D06 2px solid; border-top: #FF6D06 2px solid; border-left: #FF6D06 2px solid; color: #FF6D06; border-bottom: #FF6D06 2px solid} div#badoopager span.current {border-right: #FF6D06 2px solid; padding-right: 5px; border-top: #FF6D06 2px solid; padding-left: 5px; font-weight: bold; padding-bottom: 2px; border-left: #FF6D06 2px solid; color: #fff; padding-top: 2px; border-bottom: #FF6D06 2px solid; background-color: #ff6c16} div#badoopager a.disabled {display: none} div#badoopager input[type=text]{width:30px} </style> <div id="badoopager"> <span class="disabled">Total 20 record</span> <span class="disabled">Prev</span> <span class="current">1</span> <a href="/for-mazda.html?page=2">2</a> <a href="/for-mazda.html?page=2">Next</a> </div> </div> <div class="lineheight40"></div> <!-- 底部版权开始 --> <footer id="box_footer"> <div id="box_footer_sub1"> <div class="foot_l"> <ul class="list1"> <h2 class="btn2">Product</h2> <div class="list_line"> <li><a href="https://www.firstyang.com/product/for-hyundai_51897.html" rel="nofollow" title="For Hyundai">For Hyundai</a></li> <li><a href="https://www.firstyang.com/product/for-kia_75571.html" rel="nofollow" title="For Kia">For Kia</a></li> <li><a href="https://www.firstyang.com/product/for-toyota_50273.html" rel="nofollow" title="For Toyota">For Toyota</a></li> <li><a href="https://www.firstyang.com/product/for-isuzu_50830.html" rel="nofollow" title="For Isuzu">For Isuzu</a></li> <li><a href="https://www.firstyang.com/product/for-suzuki_80885.html" rel="nofollow" title="For Suzuki">For Suzuki</a></li> <li><a href="https://www.firstyang.com/product/for-ford_87131.html" rel="nofollow" title="For Ford">For Ford</a></li> <li><a href="https://www.firstyang.com/product/for-honda.html" rel="nofollow" title="For Honda">For Honda</a></li> <li><a href="https://www.firstyang.com/product/for-nissan.html" rel="nofollow" title="For Nissan">For Nissan</a></li> <li><a href="https://www.firstyang.com/product/for-gmc.html" rel="nofollow" title="For GMC">For GMC</a></li> <li><a href="https://www.firstyang.com/product/for-jeep.html" rel="nofollow" title="For Jeep">For Jeep</a></li> </div> </ul> <ul class="list1"> <h2 class="btn2">    </h2> <div class="list_line"> <li><a href="https://www.firstyang.com/product/for-mitsubishi.html" rel="nofollow" title="For Mitsubishi">For Mitsubishi</a></li> <li><a href="https://www.firstyang.com/product/for-chevrolet.html" rel="nofollow" title="For Chevrolet">For Chevrolet</a></li> <li><a href="https://www.firstyang.com/product/for-vw.html" rel="nofollow" title="For VW">For VW</a></li> <li><a href="https://www.firstyang.com/product/for-skoda.html" rel="nofollow" title="For Skoda">For Skoda</a></li> <li><a href="https://www.firstyang.com/product/for-buick.html" rel="nofollow" title="For Buick">For Buick</a></li> <li><a href="https://www.firstyang.com/product/for-peugeot.html" rel="nofollow" title="For Peugeot">For Peugeot</a></li> <li><a href="https://www.firstyang.com/product/for-citroen.html" rel="nofollow" title="For Citroen">For Citroen</a></li> <li><a href="https://www.firstyang.com/product/for-mazda.html" rel="nofollow" title="For Mazda">For Mazda</a></li> <li><a href="https://www.firstyang.com/product/for-fiat.html" rel="nofollow" title="For Fiat">For Fiat</a></li> <li><a href="https://www.firstyang.com/product/for-renault.html" rel="nofollow" title="For Renault">For Renault</a></li> </div> </ul> <ul class="list1"> <h2 class="btn2">    </h2> <div class="list_line"> <li><a href="https://www.firstyang.com/product/for-opel.html" rel="nofollow" title="For Opel">For Opel</a></li> <li><a href="https://www.firstyang.com/product/for-seat.html" rel="nofollow" title="For Seat">For Seat</a></li> <li><a href="https://www.firstyang.com/product/for-iveco.html" rel="nofollow" title="For Iveco">For Iveco</a></li> <li><a href="https://www.firstyang.com/product/for-subaru.html" rel="nofollow" title="For Subaru">For Subaru</a></li> <li><a href="https://www.firstyang.com/product/for-ssangyong.html" rel="nofollow" title="For Ssangyon">For Ssangyon</a></li> <li><a href="https://www.firstyang.com/product/for-bmw_58988.html" rel="nofollow" title="For BMW">For BMW</a></li> <li><a href="https://www.firstyang.com/product/for-benz_99629.html" rel="nofollow" title="For BENZ">For BENZ</a></li> <li><a href="https://www.firstyang.com/product/for-audi_67228.html" rel="nofollow" title="For AUDI">For AUDI</a></li> <li><a href="https://www.firstyang.com/product/for-porsche.html" rel="nofollow" title="For Porsche">For Porsche</a></li> <li><a href="https://www.firstyang.com/product/for-lexus.html" rel="nofollow" title="For Lexus">For Lexus</a></li> </div> </ul> <ul class="list1"> <h2 class="btn2">    </h2> <div class="list_line"> <li><a href="https://www.firstyang.com/product/for-volvo.html" rel="nofollow" title="For Volvo">For Volvo</a></li> <li><a href="https://www.firstyang.com/product/for-land-rover_78572.html" rel="nofollow" title="For Landrover">For Landrover</a></li> <li><a href="https://www.firstyang.com/product/for-jaguar.html" rel="nofollow" title="For Jaguar">For Jaguar</a></li> <li><a href="https://www.firstyang.com/product/for-cadillac.html" rel="nofollow" title="For Cadillac">For Cadillac</a></li> <li><a href="https://www.firstyang.com/product/for-mini.html" rel="nofollow" title="For MINI">For MINI</a></li> <li><a href="https://www.firstyang.com/product/for-smart.html" rel="nofollow" title="For Smart">For Smart</a></li> <li><a href="https://www.firstyang.com/product/for-chinese-car.html" rel="nofollow" title="For other car">For other car</a></li> <li><a href="https://www.firstyang.com/product/universal_50381.html" rel="nofollow" title="Universal">Universal</a></li> <li><a href="https://www.firstyang.com/product/for-infinity.html" rel="nofollow" title="Wince">Wince</a></li> <li><a href="https://www.firstyang.com/product/for-chrysler.html" rel="nofollow" title="Accessories">Accessories</a></li> </div> </ul> <ul class="list1"> <h2 class="btn2">    </h2> <div class="list_line"> </div> </ul> <div class="clean"></div> <div class="about_link"> <div class="about_contact"> <span>Contact us</span> <p> <span style="font-family: arial, helvetica, sans-serif; font-size: 14px;">Add.:6 floor,3 building,Opposite Anlibang industrial<br/> area,Gongming,Baoan,Shenzhen,China</span> </p> <p> <span style="font-family: arial, helvetica, sans-serif; font-size: 14px;">Tel : 86-755-23714206 86-755-23342853</span> </p> <p> <span style="font-family: arial, helvetica, sans-serif; font-size: 14px;">Email:sales5@yfree-digital.com(Sales department)</span><br/> </p> <p> <span style="font-size: 14px;">Website: www.firstyang.com<br/><span style="font-size: 16px;"><strong>(Pls browse on PC computer)</strong></span><br/></span> </p> </div> <div class="about_add"> <span>Follow us</span> <ul> <li><a href="#"><img src="https://firstyang.oss-accelerate.aliyuncs.com/Data/firstyang/template/en/images/index_43.jpg" /></a></li> <li><a href="#"><img src="https://firstyang.oss-accelerate.aliyuncs.com/Data/firstyang/template/en/images/index_47.jpg" /></a></li> <li><a href="#"><img src="https://firstyang.oss-accelerate.aliyuncs.com/Data/firstyang/template/en/images/index_45.jpg" /></a></li> <li><a href="#"><img src="https://firstyang.oss-accelerate.aliyuncs.com/Data/firstyang/template/en/images/index_49.jpg" /></a></li> <li><a href="#"><img src="https://firstyang.oss-accelerate.aliyuncs.com/Data/firstyang/template/en/images/index_51.jpg" /></a></li> </ul> </div> </div> </div> <div id="box_footer_sub1_sub2"> <div class="FrontSpecifies_show01-d1_c1"><p><img src="https://firstyang.oss-accelerate.aliyuncs.com/Data/firstyang/template/en/images/index_ly.jpg" /></p></div> <div class="FrontMessages"> <script type="text/javascript" src="/lib/jquery-form/jquery.form.js"></script> <script type="text/javascript" src="/lib/jquery-validation/dist/jquery.validate.min.js"></script> <script type="text/javascript"> /*验证demo表单start*/ $(function(){ $('#feedbacks').validate({ errorElement: 'span', errorClass: 'false', validClass: 'right', onfocusout: function(element){ $(element).valid(); }, errorPlacement: function(error,element){ element.parent().next().append(error); }, highlight: function(element, errorClass, validClass) { $(element).removeClass('right').addClass('false'); $(element).parent().next().removeClass('right').addClass('false').find('i').html(''); }, success: function(span){ span.parent().removeClass('false').addClass('right'); //span.prev('.iconfont').html(''); }, rules: { username: { required: true }, email: { required: true, email: true }, phone: { minlength: 5, maxlength: 11, digits: true }, title: { required: true }, message: { required: true, minlength: 6 } }, messages: { username: { required: 'Please fill in your name' }, email: { required: 'Please fill in E-mail', email : 'Please enter the email in the correct format' }, phone: { minlength: 'Phone number is 5-11 digits long', maxlength: 'Phone number is 5-11 digits long', digits: 'Phone number can only be numbers' }, title: { required: 'Please fill in the title' }, message: { required: 'Please fill in the description of the problem', minlength: 'Problem description must be at least 6 characters' } }, /* 重写错误显示消息方法,以alert方式弹出错误消息 */ showErrors : function(errorMap, errorList) { var msg = ""; $.each(errorList, function(i, v) { msg += (v.message + "<br/>"); }); if (msg != "") appUtil.alert(msg); }, /* 失去焦点时不验证 */ onfocusout : false, onkeyup:false, }); }) $.validator.setDefaults( { submitHandler: function (form) { $(form).ajaxSubmit({ type:"post", url:"/api/feedback?"+ (new Date()).getTime(), headers: { "RequestVerificationToken": 'CfDJ8KTVwzl58f5JthozOpADBSDkNL896HRJAc0L4suiJs10YuAjMq3QLk32qzwLA6ZUuoMruuyyTXD3AFDom2A8RTcMevPnmSwY7l6ALz3wNar6jwIjgre4qI6gFfF0TwkZUGpFX-u8rTnrn7SeM4OkqnA' }, success: function (result, statusText, xhr, ele) { if (result.isSuccess) { appUtil.alert($("#feedbacktitle").val()+" Has been sent successfully!"); var textinfo = $("#feedback input[type='text'],textarea"); textinfo.each(function(){ $(this).val(""); }); } else { appUtil.alert("You submit too often! Have a rest!"); } } }); } }); /*验证demo表单end*/ /*** app.js ***/ var appUtil = { alert: function (a) { var c, d, b = this; this.msg_back || (c = '<div id="msg_back" onclick="appUtil.hidealert();" style="display:none;position:absolute;background-color: #666;width:100%;height:' + document.body.scrollHeight + 'px;left:0px;top:0px;filter:alpha(opacity=10);opacity:0.1;z-index:1000;"></div>', d = '<div id="msg_body" onclick="appUtil.hidealert();" style="display:none;position:fixed;overflow:hidden;border-radius:5px;text-align:center;z-index:1001;width:60%;color:#FFF;height:auto;line-height:22px;padding:15px 0;top:260px;left:40%;margin-left:-20%;filter:alpha(opacity=60);opacity: 0.8;background:#000;"></div>', this.msg_back = $(c), this.msg_body = $(d), this.msg_back.appendTo(document.body), this.msg_body.appendTo(document.body)), this.msg_body.html(a), b.msg_back.show(), b.msg_body.show(), //$.browser.safari && $.browser.version <= 532.9 && window.scrollTo(0, 0), msgTimeout = setTimeout(function () { b.msg_back.hide(), b.msg_body.hide() }, 3e3) }, hidealert: function () { this.msg_back.hide(), this.msg_body.hide(), msgTimeout && window.clearTimeout(msgTimeout) } }; !(window.jQuery); </script> <form id="feedbacks" autocomplete="off"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <th valign="top" class="inpt_tit">Contents:</th> <td><textarea class="textarea input-gray" placeholder="Description" name="message" id="message"></textarea></td> </tr> <tr> <th class="inpt_tit">Name:</th> <td><input class="input" type="text" placeholder="Name" id="username" name="username"/></td> </tr> <tr> <th class="inpt_tit">E-mail:</th> <td><input class="input" type="text" maxlength="50" placeholder="E-mail" id="email" name="email"/></td> </tr> <tr> <th class="inpt_tit">Phone:</th> <td><input class="input" type="text" placeholder="Tel" id="phone" name="phone"/></td> </tr> <tr class="button-position"> <th class="inpt_tit"> </th> <td><input class="btn btn-com-01" type="button" onClick="$('#feedbacks').submit()" value="Submit"/></td> </tr> </table> </form> </div> </div> <div class="clean"></div> <div class="link"><strong>Link:</strong> <a href="http://www.firstyang.com/" target="_blank">Youtube</a> <a href="http://www.firstyang.com/" target="_blank">Facebook</a> <a href="http://www.firstyang.com/" target="_blank">Instagram</a> </div> </div> <div class="clean"></div> <div id="box_footer_sub2"> <div class="container1"><span style="font-size: 14px;">Copyright ©2012 Shenzhen Yfree electronic Co.,LTD.All right reserved.Website:www.firstyang.com<br/></span> <p> <span style="font-size: 14px;">Firstyang,Firstyang.com,Shen Yfree,</span><span style="font-size: 14px;">Car radio GPS,car multimedia,car dvd player,central multimedia,autoradio,car stereo<br/>car audio,car hifi,car stereo,car dvd gps,</span><span style="font-size: 14px;">autoradio,autostereo,double din android GPS,2 din navigation system,car video</span> </p><span style="font-size: 14px;"><p> <br/> </p></span></div></div> </div> </footer> <div class="htmldady"> <ul class="clearfix"> <li class="li01"> <a href="javascript:;"> <em>+86-0755-2371-4206</em> </a> </li> <li class="li02"> <a href="http://wpa.qq.com/msgrd?V=1&Uin=3395237560&Site" target="_blank"></a> </li> <li class="li03"> <a href="javascript:;"></a> </li> <li class="li04"> <a href="javascript:;"></a> </li> </ul> </div> <script type="text/javascript"> sjdh(); </script> <div class="online"><a href="https://www.firstyang.com/contact.html"><img src="https://www.firstyang.com/Data/firstyang/template/en/images/contact1.gif"></a></div> </body> </html>