quick-pay
/
customizepay.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>制定个人支付</title>
    <meta name="keywords" content="PXPAY 个人支付" />
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="http://ukafu.com/themes/ufaka/person/token/layui.css" media="all">
    <style>
        body{overflow-x:hidden; }
        .layui-footer {
            position: fixed;
            left: 0;
            right: 0;
            bottom: 0;
            height: 44px;
            line-height: 44px;
            padding: 0 15px;
            background-color: #eee;
            padding: 10px 0;
            text-align: center;
            box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .05);
        }

        .pay-money-container {
            margin-right: 30px;
            font-size: 20px;
            color: #d44d44;
        }

        .pay-money-container .money-title {
            color: #1a1a1a;
        }

        .createorder-desc-info {
            margin-bottom: 40px;
            text-align: center;
        }

        .createorder-desc-info h1 {
            margin-bottom: 20px
        }

        .createorder-desc-info p {
            margin-top: 6px;
        }

        .create-order-mainform-container {
            max-width: 800px;
            margin: 0 auto;
            padding-right: 13px;
        }
        .pay-container{
            padding: 0px  0;
            max-width: 1170px;
            margin: 0px auto;
            position: relative;
            margin-bottom: 30px;
            overflow: hidden;
            background: #fff;
            border-radius: 8px;
            border: 1px solid #dcdcdc;
            border-color: rgba(0, 0, 0, .14);
            box-shadow: 0 3px 8px -6px rgba(0, 0, 0, .1);
        }
        .title {
            padding-left: 30px;
            position: relative;
            z-index: 0;
            height: 60px;
            padding: 0px 10px 0 24px;
            border-bottom: 1px solid #d4d4d4;
            border-radius: 8px 8px 0 0;
            box-shadow: rgba(0, 0, 0, .06) 0 1px 7px;
            background: #f3f3f3;
            background: -webkit-linear-gradient(#fbfbfb, #ececec);
            background: linear-gradient(#fbfbfb, #ececec);
            line-height: 60px;
            font-size: 13px;
            margin-bottom: 30px;
            color: #333;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
    </style>
</head>

<body>

    <div class="pay-container">
        <div class="title">
            <h2>PXPAY制定个人支付</h2>
        </div>
        <div class="createorder-desc-info">
            <h1>请填写完整信息</h1>
            <p>该操作可制定一套属于自己的支付系统</p>
            <p>如果没有获取到商户ID 和 密钥 ,请看 <a href="help.html" style="color: #0064ff;text-decoration: underline;">帮助</a></p>
        </div>

        <form class="layui-form" action="order.php" lay-filter="component-form-group" method="GET">
            <div class="create-order-mainform-container">
                <div class="layui-form-item">
                    <label class="layui-form-label" style="text-align:left;">商户ID</label>
                    <div class="layui-input-block">
                        <input type="text" name="appid" lay-verify="required|number" placeholder="请输入商户ID" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label" style="text-align:left;">商户秘钥</label>
                    <div class="layui-input-block">
                        <input type="text" name="merchant_secret" lay-verify="required" placeholder="请输入商户秘钥" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label" style="text-align:left;">收款金额</label>
                    <div class="layui-input-block">
                        <input type="text" name="money" lay-verify="required|customizemoney" placeholder="收款金额不得大于1元" autocomplete="off" class="layui-input">
						收款金额,必须有对应的二维码.二维码在APP 中上传
                    </div>

                </div>

                <div class="layui-form-item" style="display:none;">
                    <div class="layui-input-block">
                        <input type="text" name="act" value="new" class="layui-input">
                    </div>

                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label" style="text-align:left;">支付方式</label>
                    <div class="layui-input-block">
                        <img src="http://ukafu.com/themes/ufaka/person/token/images/alipay.png" width='25' style='vertical-align: text-top;' />
                        <input type="radio" name="paytype" value="ALIPAY" title="支付宝" checked="">

                        <img src="http://ukafu.com/themes/ufaka/person/token/images/wechat.png" width='25' style='vertical-align: text-top;' />
                        <input type="radio" name="paytype" value="WXPAY" title="微信">
                    </div>
                </div>

                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-submit="" lay-filter="component-form-pay">立刻支付</button>
                    </div>
                </div>
            </div>
            <br style="clear: both;" />
        </form>
    </div>

    <script src="http://ukafu.com/themes/ufaka/person/token/layui.js" charset="utf-8"></script>
    <script>
        layui.use(['form'], function () {
            var $ = layui.$
                , admin = layui.admin
                , element = layui.element
                , layer = layui.layer
                , laydate = layui.laydate
                , form = layui.form;
            form.verify({
                customizemoney: function (value, item) {
                    var isNumber = function(obj) {
                      return /^[0-9]+.?[0-9]*$/.test(obj);
                    }
                    if (!isNumber(value)) {
                       return '请输入正确的金额';
                    }

                    if(value > 1) {
                        return '收款金额不得大于1元';
                    }

                    if(value <= 0) {
                        return '收款金额不得小于0元';
                    }
                }
            });
            form.render(null, 'component-form-group');

            /* 监听提交 */
            form.on('submit(component-form-pay)', function (data) {

            });

        });
    </script>
			<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?d7e42971a486a73b46f043f0d700f362";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
</body>

</html>