292 lines
13 KiB
PHTML
Executable File
292 lines
13 KiB
PHTML
Executable File
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Honors and Certificates</title>
|
||
<meta name="keywords" content="Honors and Certificates, ORICO">
|
||
<meta name="description" content="ORICO is a brand that is deeply rooted in the exploration and application of USB technology. It has achieved remarkable results in fields of USB storage, charging and transmission for many years.">
|
||
{include file="include/head" /}
|
||
<script type="text/javascript">
|
||
var navID = "1";
|
||
</script>
|
||
<!--link rel="stylesheet" type="text/css" href="__PUBLIC__/m_weben/css/subject/honor.css"-->
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_weben/css/app.css?v={:time()}">
|
||
</head>
|
||
<body style="background-color:#FFF;">
|
||
<div id="content">
|
||
<!--头部-->
|
||
{include file="include/top" /}
|
||
|
||
<div class="bdpage" style="background: #fff;border-radius: 8px;padding-top: 50px;">
|
||
<div class="bd_main bd_main1 bd_main2" >
|
||
<h1 class="t1 sfbt1">Bulk Buy</h1>
|
||
<!--内容-->
|
||
<div class="bd_ct ">
|
||
<div class="bd_from" style="padding: 0 16px;">
|
||
<div class="theit">
|
||
<div class="bditem">
|
||
<label class="itlable">Company Name<span class="redtag">*</span></label>
|
||
<input type="text" class="form-control itinp companyName" placeholder="Legal business name">
|
||
</div>
|
||
</div>
|
||
<div class="theit">
|
||
<div class="bditem">
|
||
<label class="itlable">Official website</label>
|
||
<input type="text" class="form-control itinp url" placeholder="Please paste the URL">
|
||
</div>
|
||
</div>
|
||
<div class="theit">
|
||
<div class="bditem">
|
||
<label class="itlable">Your Name<span class="redtag">*</span></label>
|
||
<input type="text" class="form-control itinp firstname" placeholder="First name">
|
||
<input type="text" class="form-control itinp lastname" placeholder="Last name" style="margin-top: 8px;">
|
||
</div>
|
||
</div>
|
||
<div class="theit">
|
||
<div class="bditem">
|
||
<label class="itlable">Email<span class="redtag">*</span></label>
|
||
<input type="text" class="form-control itinp email">
|
||
</div>
|
||
</div>
|
||
<div class="theit">
|
||
<div class="bditem bditem1">
|
||
<label class="itlable">Phone Numbe</label>
|
||
<input type="text" class="form-control itinp phone">
|
||
</div>
|
||
</div>
|
||
<div class="theit">
|
||
<div class="bditem bditem1">
|
||
<label class="itlable">Products you are interested in?</label>
|
||
<div class="sfbchecks">
|
||
<form class="sfbcheckboxlist" action="" method="get">
|
||
<label class="cit">
|
||
<input name="interested" type="checkbox" value="Computer Peripheral" class="sfbcheckboxit">Computer Peripheral
|
||
</label>
|
||
<label class="cit">
|
||
<input type="checkbox" value="Phone Peripheral" name="interested" class="sfbcheckboxit">Phone Peripheral</label>
|
||
<label class="cit">
|
||
<input type="checkbox" value="Electronics" name="interested" class="sfbcheckboxit">Electronics
|
||
</label>
|
||
<label class="cit">
|
||
<input type="checkbox" value="SSD" name="interested" class="sfbcheckboxit">SSD
|
||
</label>
|
||
<label class="cit">
|
||
<input type="checkbox" value="Entertainment Series" name="interested" class="sfbcheckboxit">Entertainment Series
|
||
</label>
|
||
<label class="cit">
|
||
<input type="checkbox" value="Smart Life Series" name="interested" class="sfbcheckboxit">Smart Life Series
|
||
</label>
|
||
<label class="cit">
|
||
<input type="checkbox" value="Outdoor Power Station" name="interested" class="sfbcheckboxit">Outdoor Power Station
|
||
</label>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="theit">
|
||
<div class="bditem bditem1">
|
||
<label class="itlable">Message<span class="redtag">*</span></label>
|
||
<textarea class="ittextarea ittextarea2 message" placeholder="Methods used"></textarea>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 提交-->
|
||
<div class="bttj">SUBMIT</div>
|
||
</div>
|
||
</div>
|
||
<!-- 详情页 e -->
|
||
</div>
|
||
<script>
|
||
$(function() {
|
||
// 输入框失去焦点
|
||
$('.companyName').blur(function(){
|
||
if($('.companyName').val() != ''){
|
||
$('.companyName').removeClass('error');
|
||
$('.companyName').next('span').addClass('hide');
|
||
}else{
|
||
$('.companyName').addClass('error');
|
||
$('.companyName').next('span').removeClass('hide');
|
||
}
|
||
})
|
||
$('.firstname').blur(function(){
|
||
if($('.firstname').val() != ''){
|
||
$('.firstname').removeClass('error');
|
||
$('.firstname').next('span').addClass('hide');
|
||
}else{
|
||
$('.firstname').addClass('error');
|
||
$('.firstname').next('span').removeClass('hide');
|
||
}
|
||
})
|
||
$('.lastname').blur(function(){
|
||
if($('.lastname').val() != ''){
|
||
$('.lastname').removeClass('error');
|
||
$('.lastname').next('span').addClass('hide');
|
||
}else{
|
||
$('.lastname').addClass('error');
|
||
$('.lastname').next('span').removeClass('hide');
|
||
}
|
||
})
|
||
$('.email').blur(function(){
|
||
if($('.email').val() != ''){
|
||
$('.email').removeClass('error');
|
||
$('.email').next('span').addClass('hide');
|
||
}else{
|
||
$('.email').addClass('error');
|
||
$('.email').next('span').removeClass('hide');
|
||
}
|
||
})
|
||
$('.phone').blur(function(){
|
||
if($('.phone').val() != ''){
|
||
$('.phone').removeClass('error');
|
||
$('.phone').next('span').addClass('hide');
|
||
}else{
|
||
$('.phone').addClass('error');
|
||
$('.phone').next('span').removeClass('hide');
|
||
}
|
||
})
|
||
$('.message').blur(function(){
|
||
if($('.message').val() != ''){
|
||
$('.message').removeClass('error');
|
||
$('.message').next('span').addClass('hide');
|
||
}else{
|
||
$('.message').addClass('error');
|
||
$('.message').next('span').removeClass('hide');
|
||
}
|
||
})
|
||
|
||
// 提交表单
|
||
$('.bttj').click(function(){
|
||
var companyName = $('.companyName').val();
|
||
var firstName = $('.firstname').val();
|
||
var lastName = $('.lastname').val();
|
||
var email = $('.email').val();
|
||
var phone = $('.phone').val();
|
||
var message = $('.message').val();
|
||
var url = $('.url').val();
|
||
|
||
var checkItem = new Array();
|
||
|
||
$("input[name='interested']:checked").each(function() {
|
||
checkItem.push($(this).val());// 在数组中追加元素
|
||
});
|
||
var interesteds = checkItem.join(",");
|
||
|
||
var inventory = $("input[name='inventory']:checked").val();
|
||
|
||
|
||
if(companyName == ''){
|
||
$('.companyName').addClass('error');
|
||
$('.companyName').next('span').removeClass('hide');
|
||
}else{
|
||
$('.companyName').removeClass('error');
|
||
$('.companyName').next('span').addClass('hide');
|
||
}
|
||
if(firstName == ''){
|
||
$('.firstname').addClass('error');
|
||
$('.firstname').next('span').removeClass('hide');
|
||
}else{
|
||
$('.firstname').removeClass('error');
|
||
$('.firstname').next('span').addClass('hide');
|
||
}
|
||
if(lastName == ''){
|
||
$('.lastname').addClass('error');
|
||
$('.lastname').next('span').removeClass('hide');
|
||
}else{
|
||
$('.lastname').removeClass('error');
|
||
$('.lastname').next('span').addClass('hide');
|
||
}
|
||
if(email == ''){
|
||
$('#email').addClass('error');
|
||
$('#email').next('span').removeClass('hide');
|
||
}
|
||
else{
|
||
if (/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(email) == false) {
|
||
$('#email').addClass('error');
|
||
$('#email').next('span').removeClass('hide');
|
||
return false;
|
||
}
|
||
else{
|
||
$('#email').removeClass('error');
|
||
$('#email').next('span').addClass('hide');
|
||
}
|
||
}
|
||
if(phone == ''){
|
||
$('.phone').addClass('error');
|
||
$('.phone').next('span').removeClass('hide');
|
||
}else{
|
||
$('.phone').removeClass('error');
|
||
$('.phone').next('span').addClass('hide');
|
||
}
|
||
if(message == ''){
|
||
$('.message').addClass('error');
|
||
$('.message').next('span').removeClass('hide');
|
||
}else{
|
||
$('.message').removeClass('error');
|
||
$('.message').next('span').addClass('hide');
|
||
}
|
||
|
||
//点击创建申请块
|
||
|
||
if(companyName && firstName && lastName && email && phone && message) {
|
||
|
||
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "/usmobile/bulk_inquiry/create",
|
||
data: {'company':companyName, 'url':url, 'email':email,'name':firstName,'last_name':lastName,'phone':phone,'interested':interesteds,'message':message,'refer':k_win_ref},
|
||
dataType: "json",
|
||
success: function(data){
|
||
if(data.code == 200) {
|
||
alert("Add Success!");
|
||
|
||
$("input[ type='text']").val('');
|
||
$(":input[name='interested']").attr("checked",false);
|
||
$('.message').val('');
|
||
$('.phone').val('');
|
||
$('#email').val('');
|
||
$('.firstname').val('');
|
||
$('.lastname').val('');
|
||
$('.companyName').val('');
|
||
|
||
//location.href = '/usmobile/Group/submission.html';
|
||
|
||
}
|
||
else{
|
||
if(data.code == 403 || data.code == 201) {
|
||
alert(data.msg);
|
||
}
|
||
else{
|
||
|
||
$('.email').addClass('error');
|
||
$('.email').next('span').removeClass('hide');
|
||
|
||
}
|
||
}
|
||
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
})
|
||
})
|
||
|
||
$(function (doc, win) {
|
||
var docEl = doc.documentElement;
|
||
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
|
||
recalc = function () {
|
||
var clientWidth = docEl.clientWidth;
|
||
if (!clientWidth) return;
|
||
docEl.style.fontSize = 50 * (clientWidth / 375) + 'px';
|
||
};
|
||
if (!doc.addEventListener) return;
|
||
win.addEventListener(resizeEvt, recalc, false);
|
||
doc.addEventListener('DOMContentLoaded', recalc, false);
|
||
}(document,window));
|
||
</script>
|
||
<!--底部-->
|
||
{include file="include/bottom" /}
|
||
|
||
</body>
|
||
</html> |