代码拉取完成,页面将自动刷新
<style>
.error {border: 1px solid red !important;}
</style>
<script>
function validateForm(data) {
var success = true;
$('#myForm input').removeClass('error');
$('#myForm textarea').removeClass('error');
if (!data['Name']) {
$('#myForm input[name="Name"]').addClass('error');
success = false;
}
if (!data['Mobile']) {
$('#myForm input[name="Mobile"]').addClass('error');
success = false;
}
if (!data['Email'] || !/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(data['Email'])) {
$('#myForm input[name="Email"]').addClass('error');
success = false;
}
if (!data['Content']) {
$('#myForm textarea[name="Content"]').addClass('error');
success = false;
}
return success;
}
</script>
<stl:form name="与我们进行沟通" id="myForm" onBeforeSend="validateForm">
<div class="m2lxTs wow fadeInUp" data-wow-delay="0.2s">
<strong>与我们进行沟通</strong>
<p>可以提交信息给我们,我们收到信息后会尽快安排工作人员与您联系!</p>
</div>
<ul class="m2lxFm clearfix wow fadeInUp" data-wow-delay="0.3s">
<li style="width: 30%;">
<div class="m2lx_inx"><input placeholder="姓名" name="Name" type="text"></div>
</li>
<li style="width: 30%;">
<div class="m2lx_inx"><input placeholder="手机" name="Mobile" type="text"></div>
</li>
<li style="width: 30%;">
<div class="m2lx_inx"><input placeholder="邮箱" name="Email" type="text"></div>
</li>
<li>
<div class="m2lx_inx"><textarea placeholder="留言内容" name="Content" cols="" rows=""></textarea></div>
</li>
</ul>
<div class="m2lxBtnWpr wow fadeInUp" data-wow-delay="0.2s">
<a href="javascript:;" onclick="formSubmit()" class="m2lxSubmit">立即提交</a>
</div>
</stl:form>