丝袜av在线观看|日本美女三级片在线播放|性欧美一区二区三区|小骚热免费国产视频|黑人va在线观看|女同国产91视频|五月丁香色播Av|国产凸凹视频一区二区|伊人电影久久99|国产成人无码一区二区观看

留言驗(yàn)證碼使用標(biāo)簽

在網(wǎng)站留言、評(píng)論中需要開(kāi)啟驗(yàn)證碼的時(shí)候,可以按如下操作來(lái)處理:

  1. 后臺(tái)開(kāi)啟留言評(píng)論驗(yàn)證碼功能

image

  1. 在留言或評(píng)論的表單中,增加驗(yàn)證碼字段和代碼:
<div style="display: flex; clear: both">
            <input type="hidden" name="captcha_id" id="captcha_id">
            <input type="text" name="captcha" required placeholder="請(qǐng)?zhí)顚?xiě)驗(yàn)證碼" class="layui-input" style="flex: 1">
            <img src="" id="get-captcha" style="width: 150px;height: 56px;cursor: pointer;" />
            <script>
              document.getElementById('get-captcha').addEventListener("click", function (e) {
                fetch('/api/captcha')
                        .then(response => {
                          return response.json()
                        })
                        .then(res => {
                          document.getElementById('captcha_id').setAttribute("value", res.data.captcha_id)
                          document.getElementById('get-captcha').setAttribute("src", res.data.captcha)
                        }).catch(err =>{console.log(err)})
              });
              document.getElementById('get-captcha').click();
            </script>
          </div>

如果你的網(wǎng)站使用了jQuery,則<script></script>部分可以使用jquery的寫(xiě)法:

<script>
              // jquery 調(diào)用方式
              $('#get-captcha').on("click", function (e) {
                $.get('/api/captcha', function(res) {
                  $('#captcha_id').attr("value", res.data.captcha_id)
                  $('#get-captcha').attr("src", res.data.captcha)
                }, 'json')
              })
              $('#get-captcha').click();
            </script>

至此,你的留言或評(píng)論就開(kāi)啟了驗(yàn)證碼驗(yàn)證功能,用戶留言就需要輸入驗(yàn)證碼驗(yàn)證了。

問(wèn)題反饋可加技術(shù)微信:tsrz001
目錄