自定义表单

适用范围:任意地方均可使用

调用方式:根据后台创建的表单格式调用提交接口

调用自定义表单(需安装自定义表单插件)

<div id="form">
    <input id="姓名" type="text" placeholder="请输入姓名" /> 
    <input id="邮箱号" type="text" placeholder="请输入邮件号" /> 
    <input id="手机号" type="text" placeholder="请输入手机号" /> 
    <input id="内容" type="text" placeholder="请输入内容" /> 
    <img   id="verify"/>
    <input id="code" type="text" placeholder="请输入验证码" /> 
    <button onclick="message()">提交</button>
    <div class="message"></div>
</div>
<script type="text/javascript">
    function message() {
        let code = $('#code').val();
        let content = {
            '姓名': $('#姓名').val(),
            '邮箱号': $('#邮箱号').val(),
            '手机号': $('#手机号').val(),
            '内容': $('#内容').val(),
        };
        post('api/form/form/submit', {id: 4, code: code, rcode: rcode, content: content}, function (res) {
            if (res.status == 'success') {
                $('.message').html(res.message);
            } else {
                $('.message').html(res.message);
            }
        })
    }
    // 调用验证码
    var rcode = "";
    function verify() {
        post('api/config/verify', {}, function (res) {
            if (res.status == 'success') {
                rcode = res.data.code;
                $('#verify').attr('src', res.data.src);
            }
        })
    }verify();
</script>
文档最后更新时间:2023-03-23 15:50:57