询盘语法说明
更新时间：2019-12-10
询盘适用于产品模型、配件模型。
使用流程：
1.在模型详情页中配置询盘代码，后台开启询盘业务后可正常使用。后台关闭询盘业务时，前台提交询盘表单会失败。
2.在询盘表单中，选择提交验证的方式。
3.根据选择的表单验证的方式，在内容模板中里面添加相应的代码。
询盘提交地址：/addinquiry.html
①验证码验证，适用示例：
<form action="/addinquiry.html" method="post">
姓名:<input type="text" name="name" placeholder="请输入称呼"><br>
手机:<input type="text" name="tel" placeholder="请输入手机号码"><br>
内容：<input type="text" name="content" placeholder="请输入内容"></p> <br>
<input type="hidden" name="id" value="{{Pageinfo['_id']}}"><br>
<br>
<input type="hidden" name="hashid" value="5c26c80d4db67f32c02f6214">
<input type="hidden" name="moduletype" value="{{globalviewdata['model']}}"><br>
<br>
<input type="hidden" name="basetype" value="{{globalviewdata['basetype']}}">
<div>
<label>完成验证：</label>
<div class="captcha">
<div class="text">
行为验证™ 安全组件加载中
</div>
<div class="show wait">
<div class="loading">
<div class="loading-dot"></div>
<div class="loading-dot"></div>
<div class="loading-dot"></div>
<div class="loading-dot"></div>
</div>
</div>
</div>
</div>
<input type="submit" value="提交">
</form>
<script src="//static.westarcloud.com/test/5c048df6a8497e03aa0665a0/js/jquery1.11.3.min.js"></script>
<script src="https://www.geetest.com/demo/libs/gt.js"></script>
<script>
function geTest(ele) {
this.handler = function (captchaObj) {
captchaObj.appendTo(ele);
captchaObj.onReady(function () {
$(".wait").hide();
});
$('.send').click(function (e) {
e.preventDefault();
let result = captchaObj.getValidate();
if (!result) {
return alert('请完成验证');
};
});
window.gt = captchaObj;
};
var that=this;
this.init = function () {
$.ajax({
url: "/front/interface/geetest?t=" + (new Date()).getTime(), // 加随机数防止缓存
type: "get",
dataType: "json",
success: function (data) {
$('.text').hide();
$('.wait').show();
initGeetest({
gt: data.gt,
challenge: data.challenge,
offline: !data.success, // 表示用户后台检测极验服务器是否宕机
new_captcha: data.new_captcha, // 用于宕机时表示是新验证码的宕机
product: "float", // 产品形式，包括：float，popup
width: "300px"
}, that.handler);
}
});
}
}
new geTest('.captcha').init();
</script>
②手机验证，使用示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<style>
.send{
height: 30px;
background-color: #fff;
}
</style>
<script src="//www.geetest.com/demo/libs/gt.js"></script>
<script src="//static.westarcloud.com/test/5c048df6a8497e03aa0665a0/js/jquery1.11.3.min.js"></script>
<form action="/addinquiry.html" method="post" id="form2">
<h3>需要短信验证码DEMO</h3>
<div>
<div>称呼:</div><input type="text" name="name" placeholder="请输入称呼">
</div>
<div>
<div class="label">手机:</div><input type="text" name="tel" placeholder="请输入手机号码">
<button class="send" data-url="/sendsmscode.html">获取验证码</button>
</div>
<div>
<div>验证码:</div>
<input type="text" name="code" placeholder="请输入验证码">
</div>
<div>
<div> 内容:</div> <input type="text" name="content" placeholder="请输入回复内容">
</div>
<input type="hidden" name="id" value="5d033cda4db67f1a193df39b">
<input type="hidden" name="hashid" value="5c26c80d4db67f32c02f6214">
<input type="hidden" name="moduletype" value="products">
<br>
<input type="hidden" name="basetype" value="products">
<div>
<label>完成验证：</label>
<div class="captcha">
<div class="text">
行为验证™ 安全组件加载中
</div>
<div class="show wait">
<div class="loading">
<div class="loading-dot"></div>
<div class="loading-dot"></div>
<div class="loading-dot"></div>
<div class="loading-dot"></div>
</div>
</div>
</div>
</div>
<input type="submit" value="提交">
</form>
<script>
function GeTest(opt) {
this.form = $(opt.formId);
this.keyBox = this.form.find('.captcha');
this.sendMsg = opt.sendMsg || false;
this.captchaObj = '';
this.getKey();
var that = this;
this.form.on('click', '.send', function (e) {
e.preventDefault();
if (that.sendMsg) {
that.getMsg();
}
else {
alert('没有短信配置发送短信无效')
}
})
}
//默认处理函数
GeTest.prototype.getKey = function () {
var that = this;
function handler(captchaObj) {
that.captchaObj = captchaObj;
captchaObj.appendTo(that.keyBox);
captchaObj.onReady(function () {
that.form.find(".wait").hide();
});
}
$.ajax({
url: "/front/interface/geetest?t=" + (new Date()).getTime(), // 加随机数防止缓存
type: "get",
dataType: "json",
success: function (data) {
that.form.find('.text').hide();
that.form.find('.wait').show();
initGeetest({
gt: data.gt,
challenge: data.challenge,
offline: !data.success, // 表示用户后台检测极验服务器是否宕机
new_captcha: data.new_captcha, // 用于宕机时表示是新验证码的宕机
product: "float", // 产品形式，包括：float，popup
width: "300px"
}, handler);
}
});
}
//发送短信函数
GeTest.prototype.getMsg = function () {
var that = this;
if(that.form.find('input[name="tel"]').val()=='')
{
return alert('手机号表单不能为空');
}
var result = that.captchaObj.getValidate()
if(!result)
{
return alert('验证尚未通过，需通过验证后才能下发短信');
}
$.ajax({
url: '/sendsmscode.html',
type: 'POST',
dataType: 'json',
data: {
mobile: that.form.find('input[name="tel"]').val(),
geetest_challenge: result.geetest_challenge,
geetest_validate: result.geetest_validate,
geetest_seccode: result.geetest_seccode
},
success: function (res) {
let data=typeof res=='object'?res:JSON.parse(res);
if (data.status === true) {
alert('发送短信成功');
} else if (data.status === false) {
alert('验证失败:'+data.msg);
that.captchaObj.reset();
}
}
});
}
</script>
<script>
//发送短信
new GeTest({
formId: '#form2',
sendMsg:true
})
</script>
<script> siteConfig={"siteid":"5be9228ca624633f0d1beeb6"} </script>
<script charset="utf-8" src="https://5tongji.westarcloud.com/static/js/main_min.js"></script>
</body>
</html>
③关闭验证，适用示例：
<form action="/addinquiry.html" method="post" enctype="multipart/form-data"> //表单地址及表单提交方式
<p>姓名：<input type="text" name="name"></p> //表单字段
<p>手机：<input type="text" name="tel"></p> //表单字段
<p>内容：<input type="text" name="content"></p> //表单字段
<input type="hidden" name="id" value="{{Pageinfo['_id']}}"> //内容id，获取内容标题
<input type="hidden" name="hashid" value="5c1af4f32f03b96246325190"> //表单id
<button>提交</button>
</form>
