layer提交表单

发表于

<script src="__PUBLIC__/layer/layer.js"></script>
<style>
	body .czform-class .layui-layer-title{background:#e95d4e; color:#fff; border: none;}
	body .czform-class .layui-layer-btn{border-top:1px solid #E9E7E7}
	body .czform-class .layui-layer-btn a{background:#333;}
	body .czform-class .layui-layer-btn .layui-layer-btn1{background:#999;}
	body .czform-class .layui-layer-content{height: auto;}
</style>
<script>
$('.abc').click(function(event) {
	var al = $(this).attr('al');
	html ='<form action="#" method="post" enctype="multipart/form-data">';
    html +='<div class="row-fluid">';
    html +='         <table class="table table-bordered">';
    html +='             <tr>';
    html +='                 <th>用户标识</th>';
    html +='                 <td>';
    html +='                     <input type="hidden" id="uid" style="width: 200px;" name="uid" required value="'+al+'" />';
    html +='                     <span class="form-required">'+al+'</span>';
    html +='                 </td>';
    html +='             </tr>';
    html +='             <tr>';
    html +='                 <th>家宝币额度</th>';
    html +='                 <td>';
    html +='                     <input type="number" id="amount" min="1" style="width: 200px;" name="amount" required value=""';
    html +='                            placeholder="请填写家宝币额度"/>';
    html +='                     <span class="form-required">*</span>';
    html +='                 </td>';
    html +='             </tr>';
    html +='             <tr>';
    html +='                 <th>类型</th>';
    html +='                 <td>';
    html +='                     <select name="type" id="type" required>';
    html +='                         <option value="1">增加</option>';
    html +='                         <option value="2">减少</option>';
    html +='                     </select>';
    html +='                 </td>';
    html +='             </tr>';
    html +='             <tr>';
    html +='                 <th width="80">备注</th>';
    html +='                 <td>';
    html +='                     <textarea maxlength="50" id="remark" name="remark" required></textarea>';
    html +='                 </td>';
    html +='             </tr>';
    html +='         </table>';
    html +=' </div>';
    html +='</form>';
	layer.open({
		type: 1,
		area: ['500px', '380px'],
		fixed: true, //不固定
		skin:'czform-class',
		scrollbar: false,
		closeBtn: 0,
		title:'充值',
		content: html,
		btn:['提交','返回'],
		yes: function(index, layero){
			var type = $("#type option:selected").val();
			var amount = $('#amount').val();
			var remark = $('#remark').val();
			$.post("{:U('Coinadmin/amount_add')}", {uid:al,type:type,amount:amount,remark:remark}, function(data, textStatus, xhr) {
				// console.log(data);
				if(data.state == 'fail'){
					layer.msg(data.info, {
					  icon: 0,
					  shade: [0.8, '#393D49'],
					  time: 1500
					});
				}else{
					layer.msg(data.info, {
					  icon: 1,
					  shade: [0.8, '#393D49'],
					  time: 1500
					}, function(){
					  layer.closeAll();
					});
				}
			});
		}
		,btn2: function(index, layero){
			return true;
		}
	});
});
</script>

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注