幫助

留言模型如何使用手機短信驗證碼

2022-07-11 11:28 標(biāo)簽調(diào)用

1. 后臺短信接口配置

請先在基本信息-接口配置-云短信里配置好短信接口,然后自定義模板里配置留言驗證

還有就是留言屬性里的手機字段一定要開啟手機真實開關(guān)


2. 前臺留言模型的手機短信驗證碼標(biāo)簽調(diào)用

比如需要在留言表單里加入手機短信驗證碼,復(fù)制下方紅色代碼在留言標(biāo)簽中 {eyou:guestbookform}

注意:表單內(nèi)一定要有手機號碼字段

{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>
        <!-- 手機短信驗證碼結(jié)束 -->

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



QQ在線咨詢