init
This commit is contained in:
233
app/usmobile/view/include/form.phtml
Executable file
233
app/usmobile/view/include/form.phtml
Executable file
@@ -0,0 +1,233 @@
|
||||
<link rel="stylesheet" type="text/css" href="__PUBLIC__/m_weben/css/app.css">
|
||||
|
||||
<!-- 代理申请表单 s -->
|
||||
<div class="cooperapp_bdpage">
|
||||
<div class="cooperapp_bd_main">
|
||||
<h1 class="cooperapp_t1">To Be Our Distributor</h1>
|
||||
<p class="cooperapp_s1">Ready to join us?<br /> your details below and our Sales team will get back to you within 2
|
||||
business days.</p>
|
||||
<!--内容-->
|
||||
<div class="bd_ct cooperapp_bd_ct">
|
||||
<div class="thimg">
|
||||
<img src="./appimg/copperaapp_img1.png" alt="" srcset="" class="cooperapp_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 first name">
|
||||
</div>
|
||||
</div>
|
||||
<div class="theit">
|
||||
<div class="bditem">
|
||||
<label class="itlable">contact Email <span class="redtag">*</span></label>
|
||||
<input type="text" class="form-control itinp email" placeholder="Enter your 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 phone"
|
||||
placeholder="This is your placeholder text">
|
||||
</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>
|
||||
<div class="theit">
|
||||
<div class="bditem">
|
||||
<label class="itlable">Online Shop URL</label>
|
||||
<input type="text" class="form-control itinp url"
|
||||
placeholder="This is your placeholder tex">
|
||||
</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>
|
||||
<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">SUBMT</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 代理申请表单 e -->
|
||||
|
||||
|
||||
<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');
|
||||
}
|
||||
})
|
||||
// 提交表单
|
||||
$('.submit_btn').click(function(){
|
||||
var companyName = $('.companyName').val();
|
||||
var business_type = $('.business_type').val();
|
||||
var enterprise_size = $('.enterprise_size').val();
|
||||
var email = $('.email').val();
|
||||
var phone = $('.phone').val();
|
||||
var address = $('.address').val();
|
||||
var message = $('.message').val();
|
||||
|
||||
|
||||
if(companyName == ''){
|
||||
$('.companyName').addClass('error');
|
||||
$('.companyName').next('span').removeClass('hide');
|
||||
}
|
||||
if(business_type == ''){
|
||||
$('.business_type').addClass('error');
|
||||
$('.business_type').next('span').removeClass('hide');
|
||||
}
|
||||
if(enterprise_size == ''){
|
||||
$('.enterprise_size').addClass('error');
|
||||
$('.enterprise_size').next('span').removeClass('hide');
|
||||
}
|
||||
if(email == ''){
|
||||
$('.email').addClass('error');
|
||||
$('.email').next('span').removeClass('hide');
|
||||
}
|
||||
if(phone == ''){
|
||||
$('.phone').addClass('error');
|
||||
$('.phone').next('span').removeClass('hide');
|
||||
}
|
||||
if(address == ''){
|
||||
$('.address').addClass('error');
|
||||
$('.address').next('span').removeClass('hide');
|
||||
}
|
||||
if(message == ''){
|
||||
$('.message').addClass('error');
|
||||
$('.message').next('span').removeClass('hide');
|
||||
}
|
||||
|
||||
try {
|
||||
k_win_ref = window.parent.document.referrer;
|
||||
} catch(e) {
|
||||
k_win_ref = '';
|
||||
};
|
||||
//点击创建申请块
|
||||
if(companyName && business_type && enterprise_size && email && address && message && phone) {
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "/usmobile/agents/create",
|
||||
data: {'company':companyName, 'email':email, 'address':address,'business_type':business_type,'enterprise_size':enterprise_size,'phone':$('.phone').val(),'address':address,'message':message,'uri':$('.url').val(),'refer':k_win_ref},
|
||||
dataType: "json",
|
||||
success: function(data){
|
||||
if(data.code == 200) {
|
||||
//alert(data.msg);
|
||||
//window.location.href='/us/agents/agents.html';
|
||||
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');
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
})
|
||||
</script>
|
||||
<script>
|
||||
(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>
|
||||
Reference in New Issue
Block a user