寺院导览

伽蓝介绍

伽蓝名物志

网站地图 | xml网站地图
') .appendTo(document.body) //---预约form--- $('.bookModal form.needs-validation').on('submit', function (evt) { evt.preventDefault(); evt.stopPropagation(); var $bookingForm = $(this) var checkValid = this.checkValidity(); this.classList.add('was-validated'); if (checkValid) { // debugger; var $source = $bookingForm.find("[name=source]"); var $name = $bookingForm.find("[name=name]"); var $tel = $bookingForm.find("[name=tel]"); var $email = $bookingForm.find("[name=email]"); var $content = $bookingForm.find("[name=content]"); var data = { name: $name.val(), tel: $tel.val(), email: $email.val(), source: $source.val(), content: $content.val() }; $.ajax({ type: "POST", url: "/api/booking/save", data: JSON.stringify(data), contentType: "application/json", dataType: "json", complete: function (msg) { $('.bookModal').modal('hide'); var $result = $('.bookModalResult') var msg = '提交成功'; var tips = '我们工作人员会尽快与你联系' var btnText = '确定' if (lang === 'en') { msg = 'Submit successfully!' tips = 'We will contact you as soon as possible' btnText = 'OK' } $('.bookModalResult h2').html(msg); $('.bookModalResult p').html(tips); $('.bookModalResult .btnBook').html(btnText); $result.modal('show'); // var msg = ''; // if (lang === 'en') { // msg = 'Submit successfully!' // } else { // msg = '提交成功' // } // $('.formTips').css('color', 'green').html(msg); // $bookingForm.removeClass('was-validated') // $name.val('') // $tel.val('') // $email.val('') // $content.val('') // window.setTimeout(function(){ // $modal.modal("hide") // },1200); } }); } }) $('[data-target="#modal_qrcode"]').click(function () { $('#modal_qrcode img.qrcode').attr('src', $(this).attr('data-src')) }) $('[data-form-source]').click(function () { $('.bookModal input[name=source]').val($(this).attr('data-form-source')) })