zhh
/
huahuibao


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
							<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>快速下单-<?= $this->context->merchant['merchantName'] ?></title>
    <link href="/css/payment/order.css?version=<?= $this->context->version ?>" rel="stylesheet" type="text/css">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection" content="telephone=no, email=no" />
    <link rel="stylesheet" href="/css/bootstrap.css?version=<?= $this->context->version ?>">
    <link rel="stylesheet" href="/css/custom.css?version=<?= $this->context->version ?>">
    <script src="/js/jquery-1.11.1.min.js?version=<?= $this->context->version ?>"></script>
	<script src="/js/bootstrap.min.js?version=<?= $this->context->version ?>"></script>
	<script type="text/javascript" src="/js/jweixin-1.0.0.js?version=<?= $this->context->version ?>" ></script>
<style>
label{
	font-weight:normal;
}
.xhMask{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99;background-color:gray;filter:alpha(opacity=25);opacity:0.2;display:none;}
.xhBeCenterBox{position:fixed;width:40px;height:40px;display:block;z-index:999;display:none;}
.xhCenterModal{
 background-color: #8dc63f;
 border-color: #8dc63f;
 color: #ffffff;
 position:fixed;
 width:20%;
 font-size:12px;
 height:auto;
 padding:15px;
 z-index:999;
 display:none;
 width:180px;
 text-align:center;
 border-radius:4px;
}
</style>
</head>
<body>
<div name="xhCenterModal" class="xhCenterModal"></div>
<div name="applyBeCenterMask" class="xhMask"></div>
<div class="xhBeCenterBox" name="applyBeCenter"></div>
<div class="panel panel-default" style="border:none;-webkit-box-shadow:none;">
	<div class="panel-body">
		<form role="form" action="/payment/order-generate?account=<?= $this->context->merchant['id'] ?>" method="post" id="good-form">
            <input type="hidden" name="_csrf" value="<?= Yii::$app->request->csrfToken ?>" />
			<div class="form-group">
				<label class="col-sm-2 control-label">*商品名称：</label>
				<div class="col-sm-10">
					<input type="text" class="form-control validate" name="orderName">
					<p></p>
				</div>
			</div>
			<div class="form-group">
				<label class="col-sm-2 control-label">*价格：</label>
				<div class="col-sm-10">
					<input type="tel" class="form-control validate" name="price" data-type="figure" >
					<p></p>
				</div>
			</div>
			<div class="form-group-separator"></div>
			<div class="form-group" style="text-align:center;">
				<button type="button" name="subBtn" class="btn btn-info btn-single" style="background-color: #68b828;border-color: #e5e5e5;padding:7px 16px;border-radius:5px;">创建订单</button>
			</div>								
		</form>						
	</div>
</div>
<script src="/js/util.js?version=<?= $this->context->version ?>"></script>
<script>
function check(obj, msg)
{
    var type;
    var objVal = obj.val();
    //alert(objVal);
    type = obj.attr('data-type');
    if(type == null || type == ''){
        type = obj.attr('type');
    }
    if(objVal.length <= 0){
        switch(type){
            case 'area':
                if(isNaN(objVal)){
                    msg += '未填写完整'
                    xhPopMsg(msg, 1300);
                    return false;
                }
                break;
        }
        msg += '未填写';
        xhPopMsg(msg,1300);
        return false;
    }else{
        switch(type){
            case 'number':
                if(isNaN(objVal)){
                    msg += '必须是数字'
                    xhPopMsg(msg, 1300);
                    return false;
                }
                break;
            case 'figure':
                if(isNaN(objVal)){
                    msg += '必须是数字'
                    xhPopMsg(msg, 1300);
                    return false;
                }
                break;
            case 'tel':
                if((/^1[0-9]\d{9}$/.test(objVal)) == false){
                    msg += '-格式不正确'
                    xhPopMsg(msg, 1300);
                    return false;
                }
                break;
            case 'text':
                break;
            default:
                return true;
        }
    }
}

$(function(){
    //
    $("button[name=subBtn]").click(function(){
        var re;
        var arrayInput = jQuery('#good-form input.validate');//获取from表单的input标签
        var statusArray = [];
        var falseCount = 0;

        arrayInput.each(function (index, element) {
            var status;
            var label = ($(this).closest('.form-group').find('.control-label').eq(0).html());
            label = label.substr(0, label.length-1);
            label = label.replace('\*', '');
            status = statusArray[index] = check($(this), label);
            if(status == false){
                falseCount++;
                return false;
            }
        });

        if(falseCount == 0){
            $('#good-form').submit();
        }
    });
})
</script>
</body>
</html>