<!DOCTYPE html>
<html>
<head lang="en">
<include file="./Application/Home/View/Common/head_include.html" />
<title>在线留言-联系我们-厦门欣富地智能科技</title>
</head>
<body>
<include file="./Application/Home/View/Common/head.html" />
<div class="main_div">
<img src="https://img.x-motion.cn/home/image/message_head.jpg">
<div class="message_div">
<form action="" id="message_form" method="post">
<div class="title">请填写以下信息，我们将安排专业的客服与您联系</div>
<div class="message_input">
<span>*</span>
<span>姓 名：</span>
<input type="text" name="name" id="name" placeholder="请输入您的姓名" value="">
<span class="error"></span>
</div>
<div class="message_input">
<span>*</span>
<span>手 机：</span>
<input type="text" name="tel" id="tel" placeholder="请输入您的真实电话号码" value="">
<span class="error"></span>
</div>
<div class="message_input">
<span>*</span>
<span>地 址：</span>
<input type="text" name="address" id="address" placeholder="请输入您的地址" value="">
<span class="error"></span>
</div>
<div class="message_input textarea">
<span>*</span>
<span>留 言：</span>
<textarea name="message" id="message" placeholder="您有什么想法告诉我们的？"></textarea>
<span class="error"></span>
</div>
<div class="submit">
<a href="javascript:void(0);" id="submit">
<img src="https://img.x-motion.cn/home/image/message_button.jpg">
</a>
</div>
</form>
</div>
</div>
<include file="./Application/Home/View/Common/footer_logo.html" />
<include file="./Application/Home/View/Common/footer.html" />
</body>
<script type="text/javascript">
$(document).ready(function() {
$('#submit').on('click', function(){
$("#save").attr('disabled', true);
var data = {
name: $('#name').val(),
tel: $('#tel').val(),
address: $('#address').val(),
message: $('#message').val()
};
var status = true;
if(!isPoneAvailable(data["tel"])){
error = $('#tel').siblings('.error');
$(error).html('号码错误');
status = false;
}
for (var Key in data){
if(data[Key] == ''){
error = $('#' + Key).siblings('.error');
$(error).html('请填写');
status = false;
}
}
if(status == false){
return false;
}
$.ajax({
type: "post",
url: "{:U(CONTROLLER_NAME . '/' . ACTION_NAME)}",
data: {data: data},
success: function (data) {
if (data.status == '1') {
layer.msg('提交成功！');
setTimeout( function(){
window.location.href = location.href;
}, 2 * 1000 );
} else if (data.status == '0') {
parent.layer.msg(data.info, {icon: 5});
}
$("#save").removeAttr('disabled');
}
});
});
$('.message_input input').on('focus', function(){
$(this).siblings('.error').html('');
});
$('.message_input textarea').on('focus', function(){
$(this).siblings('.error').html('');
});
});
function isPoneAvailable(phone) {
var myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
if (!myreg.test(phone)) {
return false;
} else {
return true;
}
}
</script>
</html>