wuhongyu
/
test


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>收费管理</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="${contextPath}/dist/js/layui/css/layui.css">
    <link rel="stylesheet" href="${contextPath}/dist/css/admin.css" media="all">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!-- Navbar -->
    <#include "../body/top.html">
    <!-- /.navbar -->
    <!-- Main Sidebar Container -->
    <#include "../body/left.html">
    <!-- Content Wrapper. Contains page content -->
    <div class="layui-body">
    	<!-- 内容主体区域 -->
    	<div class="layui-card">
    		<form class="layui-form" id="orderForm" action="${contextPath}/pay/pay" method="post">
			  <div class="layui-form-item">
			    <label class="layui-form-label">就诊卡号</label>
			    <div class="layui-input-block">
			      <input type="text" id="id_number" name="id_number" lay-verify="required" autocomplete="off" placeholder="请输入就诊卡号" class="layui-input">
			    </div>
			  </div>
			  <div class="layui-form-item">
			    <label class="layui-form-label">姓名</label>
			    <div class="layui-input-block">
			      <input type="text" id="user_name" name="user_name" lay-verify="required" autocomplete="off" placeholder="请输入姓名" class="layui-input">
			    </div>
			  </div>
			  <div class="layui-form-item">
			    <label class="layui-form-label">应收金额</label>
			    <div class="layui-input-block">
			      <input type="text" id="total_fee" name="total_fee" lay-verify="required" autocomplete="off" placeholder="请输入金额" class="layui-input">
			    </div>
			  </div>
			  <div class="layui-form-item">
			    <label class="layui-form-label">用户付款码</label>
			    <div class="layui-input-block">
			      <input type="number" id="auth_code" name="auth_code" lay-verify="title" autocomplete="off" placeholder="请输入付款码"  class="layui-input">
			    </div>
			  </div>
			  <div class="layui-form-item">
			    <div class="layui-input-block">
			      <button class="layui-btn site-demo-active" id='enterSubmit' lay-submit lay-filter="demo1">立即提交</button>
			      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
			    </div>
			  </div>
			</form>
    	</div>
    	
    </div>
    <!-- /.content-wrapper -->
    <#include "../body/footer.html">
</div>
<!-- ./wrapper -->
<script type="text/javascript" src="${contextPath}/dist/js/jquery-1.11.1.min.js"></script>
<script src="${contextPath}/dist/js/layui/layui.js"></script>
<script>
//JavaScript代码区域
layui.use(['element', 'laypage', 'layer','form'], function(){
  var element = layui.element;
  var form = layui.form;
  form.verify({
    title: function(value){
      if(value.length < 18){
        return '付款码需要18位';
      }
    }
    ,pass: [/(.+){6,12}$/, '密码必须6到12位']
    ,content: function(value){
      layedit.sync(editIndex);
    }
  });
  //$("#auth_code").on("input",function(e){
    //获取input输入的值
	//$("#orderForm").submit();
	  //$("#enterSubmit").click();
  //});
  
  form.on('submit(demo1)',function(e){
	  
	  $('#id_number').val($.trim($("#id_number").val()));
	  // 单击之后提交按钮不可选,防止重复提交
      var DISABLED = 'layui-btn-disabled';
   	  // 增加样式
      $('.site-demo-active').addClass(DISABLED);
      // 增加属性
      $('.site-demo-active').attr('disabled', 'disabled');
      $("#orderForm").submit();
  });
  
});

$(document).ready( function() {	
	$(':input:text:first').focus();
	$(':input:enabled').addClass('enterIndex');
	// get only input tags with class data-entry
	var textboxes = $('.enterIndex');
	// now we check to see which browser is being used
	$(textboxes).bind('keydown', CheckForEnter);
	
	
});
function CheckForEnter(event) {
    if (event.keyCode == 13 && $(this).attr('type') != 'button' && $(this).attr('type') != 'submit' && $(this).attr('type') != 'textarea' && $(this).attr('type') != 'reset') {
        var i = $('.enterIndex').index($(this));
        var n = $('.enterIndex').length;
        if (i < n - 1) {
        	NextDOM($('.enterIndex'), i);
        }
        return false;
    }
}
function NextDOM(myjQueryObjects, counter) {
    if (myjQueryObjects.eq(counter + 1)[0].disabled) {
        NextDOM(myjQueryObjects, counter + 1);
    } else {
        myjQueryObjects.eq(counter + 1).trigger('focus');
    }
}
</script>
</body>
</html>