易优cms留言模型使用手机短信验证码教程

1. 易优cms后台短信接口配置

先在易优cms后台-基本信息-接口配置-云短信里配置好短信接口，然后自定义模板里配置留言验证

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}