留言模型如何使用手機(jī)短信驗(yàn)證碼

1. 后臺(tái)短信接口配置

請先在基本信息-接口配置-云短信里配置好短信接口，然后自定義模板里配置留言驗(yàn)證

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


2. 前臺(tái)留言模型的手機(jī)短信驗(yàn)證碼標(biāo)簽調(diào)用

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

注意：表單內(nèi)一定要有手機(jī)號(hào)碼字段

{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;此處省略其他表單代碼 -->

 

        <!-- 手機(jī)短信驗(yàn)證碼開始 -->
        <div class="form-group">
            <div class="field">
            <!-- 手機(jī)號(hào)碼字段 -->
            <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="圖片驗(yàn)證碼" style="width: 260px;" class=""/>
                    <img {$field.realValidate.verifyImg} title="看不清？點(diǎn)擊更換驗(yàn)證碼" style="height: 25px;" class=""/> 看不清？<a {$field.realValidate.verifyClick} class="">點(diǎn)擊更換</a>
                </div>
                <div>
                    <input {$field.realValidate.phoneInput} placeholder="手機(jī)驗(yàn)證碼" style="width: 260px;" class="">
                    <input {$field.realValidate.phoneClick} value="獲取驗(yàn)證碼" class="">
                </div>
                {$field.realValidate.verifyHidden}
            </div>
        </div>
        <!-- 手機(jī)短信驗(yàn)證碼結(jié)束 -->

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



文檔最后更新時(shí)間：2022-07-29 11:37:24

文檔
目錄

深色
模式

切換
寬度