CINXE.COM
فرم درخواست خرید
<!doctype html> <html lang="en" dir="rtl"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script> <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'> <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css'> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.0/css/bootstrapValidator.min.css'> <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css'> <!-- Load Bootstrap RTL theme from RawGit --> <link rel="stylesheet" href="//cdn.rawgit.com/morteza/bootstrap-rtl/v3.3.4/dist/css/bootstrap-rtl.min.css"> <link href="../incc/css/style.css" type="text/css" rel="stylesheet" id="main-style" media="screen"> <link href="../incc/css/style_rtl.css" type="text/css" rel="stylesheet" id="main-style" media="screen"> <title>فرم درخواست خرید</title> <style> @font-face { font-family: 'hami'; src: url('css/fonts/iran-yekan-light.ttf'); } body,h1,h2,h3,h4,h5 , p { font-family: hami, sans-serif !important; } #success_message,#error_message { display: none; text-align: center; border-bottom: 4px solid #f8a51f; } legend { /* background-color: #f9a618; */ background-color: #e8e8e8; padding: 4px; border-radius: 9px; text-align: center; } .glyphicon-earphone{ color: #b87b11; } #contact_form{ -webkit-box-shadow: 10px 17px 24px -21px rgba(0,0,0,0.75); -moz-box-shadow: 10px 17px 24px -21px rgba(0,0,0,0.75); box-shadow: 10px 17px 24px -21px rgba(0,0,0,0.75); } .well{ /* min-height: 20px; */ padding: 10px; margin-bottom: 9px; } .form-group { margin-bottom: 12px; } #lang_hdr .button { border-radius: 14px; background-color: #F8A51F; } #logo img { border-top: 1px #F8A51F solid; width: 900px; } .jumbotron p{ margin-bottom: 9px; font-size: 14px; } .glyphicon-hand-left{ color: #ff5b00; } </style> <script> window.console = window.console || function (t) { }; </script> <script> if (document.location.search.match(/type=embed/gi)) { window.parent.postMessage("resize", "*"); } </script> </head> <body translate="no"> <header id="header" class="container"> <!-- begin header top --> <div id="dv_top_cnt"></div> <section id="header-top" class="clearfix"> <div id="lang_hdr"> </div> <div id="logo_hdr"> <div id="logo"><img src="https://sinaweb.net/data/site1/layout/head_fa.jpg" alt="سیناوب" ></div> <p id="tagline"></p> </div> </section> <!-- end header top --> <!-- begin navigation bar --> <section id="navbar" class="clearfix"> <!-- begin navigation --> <!-- end search form --> </section> <!-- end navigation bar --> <script type="text/javascript"> ddlevelsmenu.setup("nav", "topbar"); $('#navlist').slicknav({ label: "", duration: 1000, easingOpen: "easeOutBounce", //available with jQuery UI //allowParentLinks: true, prependTo: "#nav" }); </script> </header> <div class="container"> <div class="jumbotron"> <h4>فرم درخواست خرید</h4> <p> <ul> <li> <i class="glyphicon glyphicon-hand-left"></i> در صورتی که شما رابط سیناوب هستید و به<a href="http://portal.sinaweb.net/" target="_blank"> پرتال مشتریان سیناوب</a> دسترسی دارید، درخواست خود را از طریق پرتال مشتریان سیناوب به دپارتمان فروش ارسال کنید. </li> <li> <i class="glyphicon glyphicon-hand-left"></i> در صورتی که به <a href="http://portal.sinaweb.net/" target="_blank"> پرتال مشتریان سیناوب</a> دسترسی ندارید، این فرم را تکمیل و ارسال نمایید. </li> <li> <i class="glyphicon glyphicon-hand-left"></i> از مشتریان جدید سیناوب درخواست می‌شود به منظور دریافت خدمات بهتر، درخواست خرید را فقط از طریق تکمیل فرم زیر ارسال نمایید.</li> <li> <i class="glyphicon glyphicon-hand-left"></i> در صورت نهایی شدن خرید، دسترسی شما به پرتال مشتریان سیناوب ایجاد شده و اطلاعات لازم برای ورود به ایمیل شما ارسال می‌شود.</li> <li> <i class="glyphicon glyphicon-hand-left"></i> پیش فاکتور درخواستی بعد از ثبت درخواست از طریق پرتال مشتریان قابل دسترس است.</li> <li> <i class="glyphicon glyphicon-hand-left"></i> در صورت نیاز به اطلاعات بیشتر با سیناوب تماس حاصل فرمایید.</li> <li> <i class="glyphicon glyphicon-hand-left"></i> <strong>تلفن: </strong><strong>02191018328 چت آنلاین: </strong><strong><a target="_blank" href="https://chat.sinaweb.net/">chat.sinaweb.net</a></strong></li> </ul> </p> </div> <form class="well form-horizontal" method="post" id="contact_form"> <fieldset> <!-- <legend><i class="fa fa-users"></i> با من تماس بگیر</legend> --> <div class="alert alert-success" role="alert" id="success_message"> <i class="glyphicon glyphicon-hand-left"></i> درخواست شما با موفقیت ثبت شد، <br> همکاران ما در کوتاه ترین زمان ممکن درخواست شما را مورد بررسی قرار می دهند. </div> <div class="alert alert-warning" role="alert" id="error_message"> <i class="glyphicon glyphicon-hand-left"></i> خطا در ثبت، <br> کد امنیتی وارد شده صحیح نمی باشد</div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label class="col-md-4 control-label"></label> <div class="col-md-8 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span> <input name="input_1" id="input_1" placeholder="ایمیل" class="form-control" type="text"> </div> </div> </div> <div class="form-group"> <label class="col-md-4 control-label"></label> <div class="col-md-8 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> <input name="input_2" id="input_2" placeholder="نام" class="form-control" type="text"> </div> </div> </div> <div class="form-group"> <label class="col-md-4 control-label"></label> <div class="col-md-8 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span> <input id="input_6" name="input_6" placeholder="نام سازمان" class="form-control" type="text"> </div> </div> </div> </div> <div class="col-md-6"> <div class="form-group"> <label class="col-md-2 control-label"></label> <div class="col-md-8 selectContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-list"></i></span> <select id="input_9" placeholder="عنوان" name="input_9" class="form-control selectpicker"> <option value="آقای">آقای</option><option value="خانم">خانم</option><option value="آقای دکتر">آقای دکتر</option><option value="خانم دکتر">خانم دکتر</option><option value="آقای مهندس">آقای مهندس</option><option value="خانم مهندس">خانم مهندس</option> </select> </div> </div> </div> <div class="form-group"> <label class="col-md-2 control-label"></label> <div class="col-md-8 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> <input id="input_3" name="input_3" placeholder="نام خانوادگی" class="form-control" type="text"> </div> </div> </div> <div class="form-group"> <label class="col-md-2 control-label"></label> <div class="col-md-8 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-globe"></i></span> <select id="input_18" placeholder="آیا مشتری سیناوب هستید؟" name="input_18" class="form-control selectpicker"> <option value="">آیا مشتری سیناوب هستید؟</option> <option value="بلی">بلی</option><option value="خیر">خیر</option></select> </select> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label class="col-md-4 control-label"></label> <div class="col-md-8 selectContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-list"></i></span> <input id="input_19" name="input_19" placeholder="شماره تلفن به همراه کد شهر" class="form-control" type="text"> </div> </div> </div> </div> <div class="col-md-6"> <div class="form-group"> <label class="col-md-2 control-label" style=" font-size: 11px;"></label> <div class="col-md-8 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> <input id="input_5" name="input_5" placeholder="موبایل" class="form-control" type="text"> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label class="col-md-4 control-label"></label> <div class="col-md-8 selectContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-list"></i></span> <select id="input_8" placeholder="نوع درخواست" name="input_8" class="form-control selectpicker"> <option value="">نوع درخواست</option> <option value="سامانه نشریه">سامانه نشریه</option> <option value="سامانه همایش">سامانه همایش</option> <option value="سامانه کتاب">سامانه کتاب</option> <option value="شناسه دی او آی">شناسه دی او آی</option> <option value="طراحی جلد">طراحی جلد</option> <option value="طراحی لوگو">طراحی لوگو</option> <option value="طراحی پوستر">طراحی پوستر</option> <option value="طراحی هدر">طراحی هدر</option> <option value="صفحه آرایی">صفحه آرایی</option> <option value="استاندارد سازی">استاندارد سازی</option> <option value="نمایه سازی">نمایه سازی</option> <option value="مشابه یاب مقالات فارسی">مشابه یاب مقالات فارسی</option> <option value="مشابه یاب مقالات انگلیسی">مشابه یاب مقالات انگلیسی</option> <option value="ویراستاری فارسی">ویراستاری فارسی</option> <option value="ویراستاری نیتیو مقالات انگلیسی">ویراستاری نیتیو مقالات انگلیسی</option> <option value="سامانه درسا">سامانه درسا</option> </select> </div> </div> </div> </div> <div class="col-md-6"> <div class="form-group"> <label class="col-md-2 control-label" style=" font-size: 11px;"></label> <div class="col-md-8 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span> <input id="input_20" name="input_20" placeholder="تعداد سامانه یا شناسه درخواستی" class="form-control" type="text"> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="form-group"> <label class="col-md-2 control-label"></label> <div class="col-md-9 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon"><i class="glyphicon glyphicon-pencil"></i></span> <textarea class="form-control" rows="5" name="input_11" id="input_11" placeholder="توضیحات"></textarea> </div> </div> </div> </div> </div> <div class="form-group"> <label class="col-md-4 control-label">کد امنیتی</label> <div class="col-md-5 inputGroupContainer"> <div class="input-group"> <span class="input-group-addon" style=" padding: 0; border: none;"> <img src="captcha.php?0.6900239580375938" width="145" id="captcha" height="34" alt="CAPTCHA"> </span> <input name="captcha" id="captcha_val" placeholder="کد امنیتی" class="form-control" type="text"> <span class="input-group-addon" onclick="document.getElementById('captcha').src = 'captcha.php?' + Math.random();document.getElementById('captcha_val').value = '';return false;" style=" padding:0px 10px 0px 10px;cursor: pointer; border: none;"><i class="glyphicon glyphicon-refresh"></i></span> </div> </div> </div> <p style="display:none;margin: 0;" id="msg_captcha_error">کد امنیتی صحیح نمی باشد.</p> <input type="hidden" name="is_submit_13" value="1" > <div class="form-group text-left"> <label class="col-md-4 control-label"></label> <div class="col-md-4"> <button type="submit" class="btn btn-warning" id="btn_register" >ثبت درخواست <span class="glyphicon glyphicon-send"></span></button> </div> </div> </fieldset> </form> <!-- <p>زمان تماس: روزهای اداری شنبه تا چهارشنبه ساعت 8 تا 16 و پنج شنبه‌ها ساعت 8 تا 12</p> --> </div> </div> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js'></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.4.5/js/bootstrapvalidator.min.js'></script> <script id="rendered-js"> $(document).ready(function() { $('#contact_form').bootstrapValidator({ // To use feedback icons, ensure that you use Bootstrap v3.1.0 or later feedbackIcons: { valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove', validating: 'glyphicon glyphicon-refresh' }, submitHandler: function(validator, form, submitButton) { $("#error_message").css("display","none"); $("#success_message").css("display","none"); $.ajax({ type: "POST", url: "send_data.php", //change your php file name here data: $('#contact_form').serialize(), success: function(msg){ if(msg=='captcha'){ $("#error_message").css("display","block"); document.getElementById('captcha').src = 'captcha.php?' + Math.random(); document.getElementById('captcha_val').value = '';return false; }else if(msg=='success'){ $("#success_message").css("display","block"); document.getElementById('captcha').src = 'captcha.php?' + Math.random(); document.getElementById('captcha_val').value = '';return false; }else{ alert("خطای در رخ داد"); } // $("#btn_register").css(""); $('#btn_register').removeAttr("disabled") // $('#success_message').slideDown({ opacity: "show" }, "slow"); //$('#contact_form')[0].reset(); }, error: function(){ alert("Update your ajax form submit url"); document.getElementById('captcha').src = 'captcha.php?' + Math.random(); document.getElementById('captcha_val').value = '';return false; } }); }, excluded: ':disabled', fields: { input_2: { validators: { stringLength: { min: 2 }, notEmpty: { message: 'نام نمی تواند خالی باشد' } } }, input_7: { validators: { stringLength: { min: 2 }, notEmpty: { message: 'عنوان تیکت نمی تواند خالی باشد' } } }, captcha: { validators: { stringLength: { min: 2 }, notEmpty: { message: 'کد امنیتی نمی تواند خالی باشد' } } }, input_3: { validators: { stringLength: { min: 2 }, notEmpty: { message: 'نام خانوادگی نمی تواند خالی باشد' } } }, input_8: { validators: { notEmpty: { message: ' نوع درخواست نمی تواند خالی باشد' } } }, input_6: { validators: { stringLength: { min: 2 }, notEmpty: { message: 'نام سازمان نمی تواند خالی باشد' } } }, input_5: { validators: { stringLength: { min: 2 }, notEmpty: { message: 'موبایل نمی تواند خالی باشد' } } }, input_1: { validators: { notEmpty: { message: 'فیلد ایمیل نمی تواند خالی باشد' }, emailAddress: { message: 'لطفا ایمیل معتبر وارد نمایید' } } }, input_11: { validators: { stringLength: { min: 10, max: 200, message: 'حداقل 10 کاراکتر باید وارد نمایید، و حداکثر 200 کاراکتر' }, notEmpty: { message: 'توضیحات نمی تواند خالی باشد' } } } } }); }); //# sourceURL=pen.js </script> <script type="text/javascript"> (function(w, d, s, u) { w.RocketChat = function(c) { w.RocketChat._.push(c) }; w.RocketChat._ = []; w.RocketChat.url = u; var h = d.getElementsByTagName(s)[0], j = d.createElement(s); j.async = true; j.src = 'https://chat.sinaweb.net/livechat/rocketchat-livechat.min.js?_=201903270000'; h.parentNode.insertBefore(j, h); })(window, document, 'script', 'https://chat.sinaweb.net/livechat'); </script> </body> </html>