274 lines
11 KiB
PHTML
Executable File
274 lines
11 KiB
PHTML
Executable File
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
{include file="include/head" /}
|
||
<meta charset="UTF-8">
|
||
<title>Become a Distributor</title>
|
||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/weben/css/cooperation.css">
|
||
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<!--top-->
|
||
<header class="header-PC header-Index">
|
||
<div id="header" class="theme-white">
|
||
{include file="include/top" /}
|
||
{include file="include/top-header" /}
|
||
</div>
|
||
</header>
|
||
{include file="include/top-header-mobile" /}
|
||
|
||
|
||
<div class="bdpage">
|
||
<div class="bd_main">
|
||
<h1 class="t1">To Be Our Distributor</h1>
|
||
<p class="s1" style="padding-bottom:5px">Ready to join us?</p>
|
||
<p class="s1">Enter your details below and our Sales team will get back to you within 2 business days.</p>
|
||
<!--内容-->
|
||
<div class="bd_ct">
|
||
<div class="thimg">
|
||
<img src="__PUBLIC__/weben/images/Introductionimg/Cooperation/brand02.png" alt="" srcset="" class="bdimg">
|
||
</div>
|
||
<div class="bd_from">
|
||
<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="Enter your companyName" name="company" id="company" >
|
||
</div>
|
||
<div class="bditem">
|
||
<label class="itlable">contact Email <span class="redtag">*</span></label>
|
||
<input type="email" class="form-control itinp email" placeholder="Enter your Emaill" name="email" id="email">
|
||
</div>
|
||
</div>
|
||
<div class="theit">
|
||
<div class="bditem bditem1">
|
||
<label class="itlable">Phone Numbe<span class="redtag">*</span></label>
|
||
<input type="text" class="form-control itinp mphone" placeholder="This is your placeholder text" name="phone" id="phone">
|
||
</div>
|
||
</div>
|
||
<div class="theit">
|
||
<div class="bditem">
|
||
<label class="itlable">Type of Business<span class="redtag">*</span></label>
|
||
<select name="business_type" data-pf-type="FormInput" class="form-control itinp business_type">
|
||
<option value="Online Store">Online Store</option>
|
||
<option value="Local Shop">Local Shop</option>
|
||
<option value="Both">Both</option></select>
|
||
|
||
|
||
</div>
|
||
<div class="bditem">
|
||
<label class="itlable">Online Shop URL</label>
|
||
<input type="text" class="form-control itinp url" placeholder="This is your placeholder URL" name="url" id="url">
|
||
</div>
|
||
</div>
|
||
<div class="theit">
|
||
<div class="bditem bditem1">
|
||
<label class="itlable">Enterprise size<span class="redtag">*</span></label>
|
||
<select name="enterprise_size" data-pf-type="FormInput" class="form-control itinp enterprise_size">
|
||
<option value="10 Or Less">10 Or Less</option>
|
||
<option value="10-50">10-50</option>
|
||
<option value="50-199">50-199</option>
|
||
<option value="200 Or More">200 Or More</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="theit">
|
||
<div class="bditem bditem1">
|
||
<label class="itlable">company Address<span class="redtag">*</span></label>
|
||
<input class="form-control itinp address" placeholder="Enter Address">
|
||
</div>
|
||
</div>
|
||
<div class="theit">
|
||
<div class="bditem bditem1">
|
||
<label class="itlable">Message<span class="redtag">*</span></label>
|
||
<textarea class="ittextarea message" placeholder="Enter your message"></textarea>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- 提交-->
|
||
<div class="bttj" data-sub="true">SUBMIT</div>
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
// 输入框失去焦点
|
||
$('.companyName').blur(function(){
|
||
if($('.companyName').val() != ''){
|
||
$('.companyName').removeClass('error');
|
||
$('.companyName').next('span').addClass('hide');
|
||
}else{
|
||
$('.companyName').addClass('error');
|
||
$('.companyName').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');
|
||
}
|
||
})
|
||
$('.business_type').blur(function(){
|
||
if($('.business_type').val() != ''){
|
||
$('.business_type').removeClass('error');
|
||
$('.business_type').next('span').addClass('hide');
|
||
}else{
|
||
$('.business_type').addClass('error');
|
||
$('.business_type').next('span').removeClass('hide');
|
||
}
|
||
})
|
||
$('.enterprise_size').blur(function(){
|
||
if($('.enterprise_size').val() != ''){
|
||
$('.enterprise_size').removeClass('error');
|
||
$('.enterprise_size').next('span').addClass('hide');
|
||
}else{
|
||
$('.enterprise_size').addClass('error');
|
||
$('.enterprise_size').next('span').removeClass('hide');
|
||
}
|
||
})
|
||
$('.address').blur(function(){
|
||
if($('.address').val() != ''){
|
||
$('.address').removeClass('error');
|
||
$('.address').next('span').addClass('hide');
|
||
}else{
|
||
$('.address').addClass('error');
|
||
$('.address').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');
|
||
}
|
||
})
|
||
$('.mphone').blur(function(){
|
||
if($('.mphone').val() != ''){
|
||
$('.mphone').removeClass('error');
|
||
$('.mphone').next('span').addClass('hide');
|
||
}else{
|
||
$('.mphone').addClass('error');
|
||
$('.mphone').next('span').removeClass('hide');
|
||
}
|
||
})
|
||
// 提交表单
|
||
$('.bttj').click(function(){
|
||
var companyName = $('.companyName').val();
|
||
var business_type = $('.business_type').val();
|
||
var enterprise_size = $('.enterprise_size').val();
|
||
var email = $('.email').val();
|
||
var phone = $('.mphone').val();
|
||
var address = $('.address').val();
|
||
var message = $('.message').val();
|
||
|
||
|
||
if(companyName == ''){
|
||
$('.companyName').addClass('error');
|
||
$('.companyName').next('span').removeClass('hide');
|
||
}else{
|
||
$('.companyName').removeClass('error');
|
||
$('.companyName').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(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(address == ''){
|
||
$('.address').addClass('error');
|
||
$('.address').next('span').removeClass('hide');
|
||
}else{
|
||
$('.address').removeClass('error');
|
||
$('.address').next('span').addClass('hide');
|
||
}
|
||
try {
|
||
k_win_ref = window.parent.document.referrer;
|
||
} catch(e) {
|
||
k_win_ref = '';
|
||
};
|
||
//点击创建申请块
|
||
if(companyName && business_type && enterprise_size && email && address && message && phone) {
|
||
var sub_status = $('.bttj').data("sub");
|
||
if ( sub_status != true ) {
|
||
$('.bttj').val("Loading......");
|
||
return false;
|
||
}
|
||
$('.bttj').data("sub",false);
|
||
$('.bttj').html("Loading......")
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "/us/agents/create",
|
||
data: {'company':companyName, 'email':email, 'address':address,'business_type':business_type,'enterprise_size':enterprise_size,'phone':$('.mphone').val(),'address':address,'message':message,'uri':$('.url').val(),'refer':k_win_ref},
|
||
dataType: "json",
|
||
success: function(data){
|
||
if(data.code == 200) {
|
||
alert('Add Success！');
|
||
location.href = '/us/Group/submission.html';
|
||
|
||
$("input[type='text']").val('');
|
||
$("input[type='email']").val('');
|
||
$('.address').val('');
|
||
$('.message').val('');
|
||
|
||
|
||
|
||
}
|
||
else{
|
||
if(data.code == 403 || data.code == 201) {
|
||
alert(data.msg);
|
||
}
|
||
else{
|
||
|
||
$('.email').addClass('error');
|
||
$('.email').next('span').removeClass('hide');
|
||
|
||
}
|
||
}
|
||
$('.bttj').data("sub",true);
|
||
$('.bttj').html("SUBMIT");
|
||
|
||
}
|
||
});
|
||
|
||
}
|
||
|
||
})
|
||
</script>
|
||
<!-- bottom s -->
|
||
{include file="include/bottom" /}
|
||
|
||
|
||
<!-- bottom e -->
|
||
</body>
|
||
</html> |