<form action="/addfaq.html" method="post">      //提交地址

<input type="text" name="nickname" >    //昵稱

<input type="text" name="mobile" >  //手機(jī)

<input type="text" name="code" >        //短信驗(yàn)證碼

<input type="text" name="content" >     //內(nèi)容

<input type="hidden" name="id" value="{{Pageinfo['_id']}}">

<input type="hidden" name="moduletype" value="{{globalviewdata['model']}}">

<input type="hidden" name="basetype" value="{{globalviewdata['basetype']}}" >

使用舉例：

<form action="/addfaq.html" method="post">

<input type="text" name="nickname" >

<input type="text" name="mobile" class="mobile" > <button class="send" data-url="/sendsmscode.html">獲取驗(yàn)證碼</button>

<input type="text" name="code"  >

<textarea name="content" ></textarea>

<input type="hidden" name="id" value="{{Pageinfo['_id']}}">

<input type="hidden" name="moduletype" value="{{globalviewdata['model']}}">

<input type="hidden" name="basetype" value="{{globalviewdata['basetype']}}" >

<div>

            <label>完成驗(yàn)證：</label>

            <div id="captcha">

                <div id="text">

                    行為驗(yàn)證? 安全組件加載中

                </div>

            </div>

        </div>

       <input type="submit" value="submit">

  </form>

<script src="http://static.westarcloud.com/test/5c048df6a8497e03aa0665a0/js/jquery1.11.3.min.js"></script>

<script src="https://www.geetest.com/demo/libs/gt.js"></script>

<script>

    let handler = function (captchaObj) {

        captchaObj.appendTo('#captcha');

        captchaObj.onReady(function () {

            $("#wait").hide();

        });

        $('.send').click(function (e) {

            e.preventDefault();

            let result = captchaObj.getValidate();

            if (!result) {

                return alert('請(qǐng)完成驗(yàn)證');

            }

            $.ajax({

                url: '/sendsmscode.html',

                type: 'POST',

                dataType: 'json',

                data: {

                    mobile: $('input[name="mobile"]').val(),

                    geetest_challenge: result.geetest_challenge,

                    geetest_validate: result.geetest_validate,

                    geetest_seccode: result.geetest_seccode

                },

                success: function (data) {

                    if (data.status === 'true') {

                        alert('發(fā)送短信成功');

                    } else if (data.status === 'false') {

                        alert('驗(yàn)證失敗');

                        captchaObj.reset();

                    }

                }

            });

        });

        // 更多接口說明請(qǐng)參見：http://docs.geetest.com/install/client/web-front/

        window.gt = captchaObj;

    };

    $.ajax({

        url: "/front/interface/geetest?t=" + (new Date()).getTime(), // 加隨機(jī)數(shù)防止緩存

        type: "get",

        dataType: "json",

        success: function (data) {

            $('#text').hide();

            $('#wait').show();

            // 調(diào)用 initGeetest 進(jìn)行初始化

            // 參數(shù)1：配置參數(shù)

            // 參數(shù)2：回調(diào)，回調(diào)的第一個(gè)參數(shù)驗(yàn)證碼對(duì)象，之后可以使用它調(diào)用相應(yīng)的接口

            initGeetest({

                // 以下 4 個(gè)配置參數(shù)為必須，不能缺少

                gt: data.gt,

                challenge: data.challenge,

                offline: !data.success, // 表示用戶后臺(tái)檢測極驗(yàn)服務(wù)器是否宕機(jī)

                new_captcha: data.new_captcha, // 用于宕機(jī)時(shí)表示是新驗(yàn)證碼的宕機(jī)

                product: "float", // 產(chǎn)品形式，包括：float，popup

                width: "300px",

                https: true

                // 更多配置參數(shù)說明請(qǐng)參見：http://docs.geetest.com/install/client/web-front/

            }, handler);

        }

    });

</script>