init
This commit is contained in:
297
app/us/view/group/business.phtml
Executable file
297
app/us/view/group/business.phtml
Executable file
@@ -0,0 +1,297 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{include file="include/head" /}
|
||||
<meta charset="UTF-8">
|
||||
<title>Honor|Orico USB storage|charging</title>
|
||||
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/cooperation.css">
|
||||
|
||||
</head>
|
||||
|
||||
<body style="background:#F2F2F2;">
|
||||
<!--top-->
|
||||
<header class="header-PC header-Product">
|
||||
<div id="header" class="theme-black">
|
||||
{include file="include/top" /}
|
||||
{include file="include/top-header" /}
|
||||
</div>
|
||||
</header>
|
||||
{include file="include/top-header-mobile" /}
|
||||
<!--Bult Buy-->
|
||||
<div class="bdpage" >
|
||||
<div class="bd_main bd_main1">
|
||||
<h1 class="t1 sfbt1">Bulk Buy</h1>
|
||||
<!--内容-->
|
||||
<div class="bd_ct ">
|
||||
<div class="bd_from" style="padding: 0 300px;">
|
||||
<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" name="company" id="company">
|
||||
</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" name="url" id="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 first" placeholder="First name" name="firstname" id="firstname">
|
||||
</div>
|
||||
|
||||
<div class="bditem">
|
||||
<label class="itlable"> </label>
|
||||
<input type="text" class="form-control itinp last" placeholder="Last name" name="lastname" id="lastname">
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem">
|
||||
<label class="itlable">Email<span class="redtag">*</span></label>
|
||||
<input type="email" class="form-control itinp email" name="email" id="email">
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem bditem1">
|
||||
<label class="itlable">Phone Numbe</label>
|
||||
<input type="text" class="form-control itinp mphone" name="phone" id="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>
|
||||
|
||||
|
||||
<!-- bottom s -->
|
||||
{include file="include/bottom" /}
|
||||
<!-- bottom e -->
|
||||
<script>
|
||||
try {
|
||||
k_win_ref = window.parent.document.referrer;
|
||||
} catch(e) {
|
||||
k_win_ref = '';
|
||||
};
|
||||
/*弹出框关闭*/
|
||||
$(function() {
|
||||
// 输入框失去焦点
|
||||
$('.companyName').blur(function(){
|
||||
if($('.companyName').val() != ''){
|
||||
$('.companyName').removeClass('error');
|
||||
$('.companyName').next('span').addClass('hide');
|
||||
}else{
|
||||
$('.companyName').addClass('error');
|
||||
$('.companyName').next('span').removeClass('hide');
|
||||
}
|
||||
})
|
||||
$('.first').blur(function(){
|
||||
if($('.first').val() != ''){
|
||||
$('.first').removeClass('error');
|
||||
$('.first').next('span').addClass('hide');
|
||||
}else{
|
||||
$('.first').addClass('error');
|
||||
$('.first').next('span').removeClass('hide');
|
||||
}
|
||||
})
|
||||
$('.last').blur(function(){
|
||||
if($('.last').val() != ''){
|
||||
$('.last').removeClass('error');
|
||||
$('.last').next('span').addClass('hide');
|
||||
}else{
|
||||
$('.last').addClass('error');
|
||||
$('.last').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');
|
||||
}
|
||||
})
|
||||
|
||||
$('.mphone').blur(function(){
|
||||
if($('.mphone').val() != ''){
|
||||
$('.mphone').removeClass('error');
|
||||
$('.mphone').next('span').addClass('hide');
|
||||
}else{
|
||||
$('.mphone').addClass('error');
|
||||
$('.mphone').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 = $('.first').val();
|
||||
var lastName = $('.last').val();
|
||||
var email = $('.email').val();
|
||||
var phone = $('.mphone').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 == ''){
|
||||
$('.first').addClass('error');
|
||||
$('.first').next('span').removeClass('hide');
|
||||
}else{
|
||||
$('.first').removeClass('error');
|
||||
$('.first').next('span').addClass('hide');
|
||||
}
|
||||
if(lastName == ''){
|
||||
$('.last').addClass('error');
|
||||
$('.last').next('span').removeClass('hide');
|
||||
}else{
|
||||
$('.last').removeClass('error');
|
||||
$('.last').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');
|
||||
}
|
||||
else{
|
||||
$('#email').removeClass('error');
|
||||
$('#email').next('span').addClass('hide');
|
||||
}
|
||||
}
|
||||
if(phone == ''){
|
||||
$('.mphone').addClass('error');
|
||||
$('.mphone').next('span').removeClass('hide');
|
||||
}else{
|
||||
$('.mphone').removeClass('error');
|
||||
$('.mphone').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: "/us/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('');
|
||||
$('.mphone').val('');
|
||||
$('#email').val('');
|
||||
$('.first').val('');
|
||||
$('.last').val('');
|
||||
$('.companyName').val('');
|
||||
|
||||
//location.href = '/us/Group/submission.html';
|
||||
|
||||
}
|
||||
else{
|
||||
if(data.code == 403 || data.code == 201) {
|
||||
alert(data.msg);
|
||||
}
|
||||
else{
|
||||
|
||||
$('.email').addClass('error');
|
||||
$('.email').next('span').removeClass('hide');
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
})
|
||||
})
|
||||
</script>
|
||||
<style>
|
||||
.csunbmit{height: 35px;margin-top: 10px;margin-bottom: 5px;}
|
||||
.submitBtn{width: 75px;height: 30px;line-height: 26px;background-color: #339b53;text-align: center;display: block; color: #FFFFFF;font-size: 12px;border-radius: 6px;float: left;}
|
||||
.cli{border-bottom: 1px dashed #ccc;text-align: left;font-size: 12px;}
|
||||
.ccontent{width: 98%;padding: 10px; background: #f6f9fb;border:1px solid #ccc;margin-bottom: 10px}
|
||||
</style>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user