1. 后台短信接口配置

请先在基本信息-接口配置-云短信里配置好短信接口,然后自定义模板里配置留言验证

还有就是留言属性里的手机字段一定要开启手机真实开关


2. 前台留言模型的手机短信验证码标签调用

比如需要在留言表单里加入手机短信验证码,复制下方红色代码在留言标签中 {eyou:guestbookform}

注意:表单内一定要有手机号码字段

{eyou:guestbookform type='default'}
    <form method="POST" enctype="multipart/form-data" action="{$field.action}">
        <!-- &hellip;&hellip;此处省略其他表单代码 -->
        <div class='form-group'>
            <textarea name="{$field.attr_1}" id="attr_1" placeholder='{$field.itemname_1}'></textarea>
        </div>
        <!-- &hellip;&hellip;此处省略其他表单代码 -->

 

        <!-- 手机短信验证码开始 -->
        <div class="form-group">
            <div class="field">
            <!-- 手机号码字段 -->
            <input type='text' id='attr_2' name='{$field.attr_2}' class="input text-main radius-none" placeholder="{$field.itemname_2}" value=""/>
            </div>
            <div>
                <div>
                    <input {$field.realValidate.verifyInput} placeholder="图片验证码" style="width: 260px;" class=""/>
                    <img {$field.realValidate.verifyImg} title="看不清?点击更换验证码" style="height: 25px;" class=""/> 看不清?<a {$field.realValidate.verifyClick} class="">点击更换</a>
                </div>
                <div>
                    <input {$field.realValidate.phoneInput} placeholder="手机验证码" style="width: 260px;" class="">
                    <input {$field.realValidate.phoneClick} value="获取验证码" class="">
                </div>
                {$field.realValidate.verifyHidden}
            </div>
        </div>
        <!-- 手机短信验证码结束 -->

        <!-- &hellip;&hellip;此处省略其他表单代码 -->
        <div class="form-group m-b-0">
            <button type="submit" >提交<button>
        </div>
        {$field.hidden}
    </form>
{/eyou:guestbookform}