[bootsrap]模态框使用例-CQ_LQJ

<a href="#modal1" role="button" class="btn btn-primary btn-sm" data-toggle="modal">合同添加a>
<div id="modal1" class="modal hide fade">
                                 <div class="modal-header">
                                   <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×button>
                                   <h3>合同添加界面h3>
                               div>
                               <div class="modal-body">
                                   <form class="form-horizontal" id="form1">
                              {% csrf_token %}
                                   <div class="control-group">
                                       <label class="control-label">合同编码:label>
                                       <div class="controls">
                                           <input type="text" class="form-control" id="bill1" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9">
                                         <span class="text-error">限数字,字母span>
                                       div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">合同名称:label>
                                       <div class="controls"><textarea rows="8" class="form-control" id="bill2">textarea>div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">是否续签:label>
                                       <div class="controls">
                                           <select class="form-control input-mini" placeholder=".input-mini" id="bill3">
                                <option>是option>
                                <option>否option>
                              select>
                            div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">原合同编码:label>
                                       <div class="controls">
                                           <input type="text" class="form-control" id="bill4" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9">
                                         <span class="text-error">限数字,字母span>
                                       div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">合同类型:label>
                                       <div class="controls">
                                           <select class="form-control input-small" placeholder=".input-small" id="bill5">
                                <option>光纤option>
                                <option>交叉option>
                                <option>团购option>
                              select>
                                       div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">合帐缴费号码:label>
                                       <div class="controls">
                                           <input type="text" class="form-control" id="bill6" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
                                         <span class="text-error">限数字span>
                                       div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">缴费合帐号:label>
                                       <div class="controls">
                                           <input type="text" class="form-control" id="bill7" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
                                         <span class="text-error">限数字span>
                                       div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">座机数量:label>
                                       <div class="controls">
                                           <input type="text" class="form-control" id="bill8" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
                                       div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">座机费用:label>
                                       <div class="controls">
                                           <input type="text" class="form-control" id="bill9" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
                                       div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">备注一:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill10">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">光纤一:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill11">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">纤一费用:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill12">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">备注二:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill13">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">光纤二:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill14">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">光纤二费用:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill15">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">备注三:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill16">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">手机数量:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill17">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">手机费用:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill18">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">备注四:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill19">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">其他数量一:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill20">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">其他费用一:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill21">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">备注五:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill22">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">其他数量二:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill23">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">其他费用二:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill24">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">备注六:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill25">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">其他数量三:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill26">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">其他费用三:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill27">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">备注七:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill28">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">其他数量四:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill29">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">其他费用四:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill30">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">备注八:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill31">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">优惠前费用:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill32">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">优惠后费用:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill33">div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">费用处理方式:label>
                                       <div class="controls">
                                           <select class="form-control input-small" placeholder=".input-small" id="bill34">
                                <option>合帐option>
                                <option>分摊option>
                                <option>手工option>
                              select>
                                       div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">合同年限:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill35"><span>span>div>
                                   div>
                                   <div class="control-group">
                                       <label class="control-label">合同生效时间:label>
                                       <div class="controls"><input type="text" class="form-control" id="bill36"><span class="text-error">格式:20160101span>div>
                                   div>
                                   <div class="control-group">
                                       <