自定义表单语法说明
更新时间:2019-12-10
自定义表单,可以在站外/站内任何页面添加。在页面添加表单后,只需修改表单模板,无需修改页面代码即可实现更新表单。
一、使用流程:
1.点击“业务-表单管理-表单设置”,点击“新建表单”,设置表单验证方式、表单项及必填限制。确定后,表单将按照既定规则生成,复制代码到页面中即可使用。
代码说明:
var conf={
/** 必填配置 **/
el:'.a', //表单填充的位置的元素类名或ID
siteid: "5be9228ca624633f0d1b000",//网站的ID
hashid: "5c4833b24db67f23be6df000",//表单的hashid
/** 常用配置 **/
success:function () {
alert('表单1的成功回调')
},//成功后的回调
fail:function (code) {
alert('表单1的失败') //code为错误码
},
/** 高级配置 **/
init:function(){
consoele.log('初始化') //WeStarForm对象初始化时执行
},
autoRefresh:true, //自动刷新选项,默认为刷新,当存在success,fail,自动刷新失效
redirect:'http://www.baidu.com', //表单提交成功后的定向地址,如果存在success,此项失效
};
new WeStarForm(conf);
二、修改模板
<input type="hidden" name="valid" value="0"> <input type="hidden" name="hashid" value="5c455c072f03b95ea2613c32">
//value=0,提交表单无需验证
//value=1,提交表单需要滑动验证
//value=2,提交表单需要验证手机短信
<div class="row ui-form-item">
<div class="label">称呼</div>
<input type="text" name="name" data-rule="" data-msg-required="请输入称呼" placeholder="请输入称呼">
//data-rule="",当前表单项非必填;
//data-rule="required",当前表单项必填。
</div>
</div>
三、编辑表单
修改表单后,需要修改模板才能生效。但无需修改页面代码。
比如:表单验证从无需验证修改位需要短信验证,需要修改模板代码,将value值改为“2”
<input type="hidden" name="valid" value="0">
四、微信通知
(1)如果不同表单由不同的人处理,可以给不同表单设置不同的微信通知对象。
(需要先添加为网站管理员,网站管理员在自己账户的账号设置处绑定微信;然后关注公众号五星网站)
(2)如果没有特殊要求,也可以在网站设置-通知设置处,设置统一的通知对象。包括短信通知、邮件通知、站内信通知、微信公众号通知。