Một số mẫu html form hay sử dụng trong iif

1. Form có input nhập số

<form>
<div class="form-row">
<div class="form-group col-md-3">
         <div class="input-group">
             <div class="input-group-prepend w_title" >
                  <span class="input-group-text w_text" ><i class="fas fa-tag mr-1"></i> Số tiền:</span>
             </div>
            <input type="text" class="form-control text-right" style="font-size:2em;" name="SoTien" id="SoTien" value=""  placeholder="">
         </div>
    </div>

</div>
</form>
<hr />
<button type="button" class="btn btn-danger btSave">Cập nhật</button>

<script type="text/javascript">
$(document).ready(function(){
 $('[name=SoTien]').number( true, 0,',','.' ); //nếu có số lẻ thay là 1/2
});
  $('.btSave').click(function(){
        alert('test');
  }); //btSave

</script>

2. Nạp và lưu gọi query

<form id="frmMy">
<div class="form-row">
<div class="form-group col-md-3">
         <div class="input-group">
             <div class="input-group-prepend w_title" >
                  <span class="input-group-text w_text" ><i class="fas fa-tag mr-1"></i> Số tiền:</span>
             </div>
            <input type="text" class="form-control text-right" style="font-size:2em;" name="GiamGia" id="GiamGia" value=""  placeholder="">
         </div>
    </div>

</div>
</form>
<hr />
<button type="button" state="" class="btn btn-danger btSave"><i class="far fa-save"></i> Cập nhật</button>

<script type="text/javascript">
var key= urlGetValuePara("key");

$(document).ready(function(){
 $('[name=GiamGia]').number( true, 0,',','.' ); //nếu có số lẻ thay là 1/2
});

  $('.btSave').click(function(){
       
     alert_pIIF_stand('* Đang lưu...');
     $('.btSave').prop('disabled', true);
     var url="/adminxml/Query_Do.aspx?name=NhaHang/HopDong_CapNhat_GiamGia&out=json&key="+key;
     //alert(url);
            $.post( url,
            $("#frmMy").serialize()
        )
          .done(function( data ) {
            //alert( JSON.stringify(data )  );
            // alert_pIIF_stand_close();
            // alert( data.__SYS_Query[0].STATE);
            if( data.__SYS_Query[0].STATE==100 ) // kết nối thành công server và thực query
            {
                if( data.Q1[0].CountDo !=undefined)
                {
                    if( data.Q1[0].CountDo>1)
                        alert_pIIF('Thông báo',"Lưu thành công",2500,"success");
                    else
                        alert_pIIF('Thông báo',"Lưu gặp lỗi",3000,"danger");
                }
                if( data.Q1[0].Return !=undefined)
                    alert_pIIF('Lỗi', data.Q1[0].Return);
            }// if( data.__SYS_Query[0].STATE==100 )
            else if( data.__SYS_Query[0].STATE==400 ) // kết nối thành công server nhưng login error
            {
                alert_pIIF('Thông báo',"Đăng nhập thất bại !",5000,"danger");
            }
            
            if(state=="close" && data.__SYS_Query[0].STATE==100)
            {
                // Nếu là pupop thì đóng và nạp lại
                setTimeout(function(){
                     window.parent.alert_pIIF_stand('* Đang nạp lại...');
                    window.parent.IIF_f_Close_Popup_R();
                }, 1200);
            }
           //   alert("xxxxxxxxxx");
       })
       .fail(function() {
            alert( "Error SYS ....." );
       })
       .always(function() {
          // alert( "finished" );
           
            $('.btSave').removeProp('disabled');
            
           ///  alert_pIIF_close();
       });
         $('.btSave').removeProp('disabled');
  }); //btSave
 
 //load data
$.get("Query_Do.aspx?name=NhaHang/HopDong_Load_Key&out=json&key="+key, function(data, status)
{
  // alert( JSON.stringify(data)  );
   if(data.Q1.length>0)  
       $("#GiamGia").val(data.Q1[0].GiamGia);
    else
       $("#GiamGia").val("0");
}); //get load data
</script>