Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如果数据表中的值较大,则键入输入值警报_Jquery_Datatables - Fatal编程技术网

Jquery 如果数据表中的值较大,则键入输入值警报

Jquery 如果数据表中的值较大,则键入输入值警报,jquery,datatables,Jquery,Datatables,我在datatable中有数据,其中有一个输入列来输入要填写的值,但是我遇到了问题,如何添加脚本来验证输入值不应大于股票值 样品 var tbobat=$('dt obat proses')。数据表({ 信息:没错, 凯斯:没错, 语言:{ 零记录:“无记录” }, “栏目”:[ {“数据”:“id”,“sClass”:“文本中心”}, {“数据”:“nama_obat”,“sClass”:“文本左”}, {“data”:“kd_obat”,“sClass”:“text left”}, {“数据

我在datatable中有数据,其中有一个输入列来输入要填写的值,但是我遇到了问题,如何添加脚本来验证输入值不应大于股票值

样品

var tbobat=$('dt obat proses')。数据表({
信息:没错,
凯斯:没错,
语言:{
零记录:“无记录”
},
“栏目”:[
{“数据”:“id”,“sClass”:“文本中心”},
{“数据”:“nama_obat”,“sClass”:“文本左”},
{“data”:“kd_obat”,“sClass”:“text left”},
{“数据”:“库存”,“sClass”:“文本中心”},
{“数据”:“satuan”,“sClass”:“文本中心”}
],
“columnDefs”:[{
“宽度”:“5%”,
“目标”:0,
“呈现”:函数(数据、类型、完整、元){
var cekObat=全部库存;
返回“”;
},
},
{
“宽度”:“40%”,
"目标":一,,
},
{
“宽度”:“15%”,
"目标":二,,
“呈现”:函数(数据、类型、完整、行、元){
var cekObat=(full.stock==0?“stock Null”:“”);
var股票=全部股票;
如果(类型==‘显示’){
数据=''+cekObat;
}
返回数据;
}
},
{
“宽度”:“20%”,
"目标":三,,
},
{
“宽度”:“20%”,
"目标":四,,
}
]
});
$(“#dt obat proses”).on('change','toggle',函数(e){
$(this.closest('tr').find(':text').not(this.prop('disabled',!this.checked));
$(this).closest('tr').find(':text').not(this).prop('checked',false);
});

仅使用jQuery的解决方案1: 我们通过选择“当前父对象优先到达下一个单元格”来比较这些值,因为我们在这里的单元格中有一个与下一个单元格文本()进行比较的输入

$(文档).ready(函数(){
var tbobat=$('#dt obat proses')。数据表({
ajax:“https://api.myjson.com/bins/ynw4g",
是的,
长度变化:对,
搜索:是的,
订购:错,
X:错,
信息:没错,
凯斯:没错,
语言:{
zeroRecords:“Tidak ada数据”
},
“栏目”:[
{“数据”:“id”,“sClass”:“文本中心”},
{“数据”:“nama_obat”,“sClass”:“文本左”},
{“data”:“kd_obat”,“sClass”:“text left”},
{“数据”:“库存”,“sClass”:“文本中心”},
{“数据”:“satuan”,“sClass”:“文本中心”}
],
“columnDefs”:[{
“宽度”:“5%”,
“目标”:0,
“呈现”:函数(数据、类型、完整、元){
var cekObat=全部库存;
返回“”;
},
},
{
“宽度”:“40%”,
"目标":一,,
},
{
“宽度”:“15%”,
"目标":二,,
“呈现”:函数(数据、类型、完整、行、元){
var cekObat=(full.stock==0?“stock Null”:“”);
var股票=全部股票;
如果(类型==‘显示’){
数据=''+cekObat;
}
返回数据;
}
},
{
“宽度”:“20%”,
"目标":三,,
},
{
“宽度”:“20%”,
"目标":四,,
}
]
});
$(“#dt obat proses”).on('change','toggle',函数(e){
$(this.closest('tr').find(':text').not(this.prop('disabled',!this.checked));
$(this).closest('tr').find(':text').not(this).prop('checked',false);
});
$('#dt obat proses')。on('keyup change','add jml',function(){
if($(this.val()>parseInt($(this.parent().next().text())){
$(this.css({'border':'2px solid red'});
}否则{
$(this.css({'border':'2px solid green'});
}
});
});

#
纳马奥巴特
朱姆拉
股票
萨图

你能用一个工作片段更新你的代码吗?或者用虚拟数据共享一把工作小提琴吗?hai@Bilel sample这能帮我吗@BilelI刚刚在别的地方托管了json。。。为了保持演示正常工作,以防有一天您将从Cloudinary中删除此虚拟数据。
var tbobat = $('#dt-obat-proses').DataTable({
          info: true,
          keys: true,
          language: {
              zeroRecords: "No records"
          },

           "columns": [
              { "data": "id", "sClass": "text-center" },
              { "data": "nama_obat", "sClass": "text-left" },
              { "data": "kd_obat", "sClass": "text-left" },
              { "data": "stock", "sClass": "text-center" },
              { "data": "satuan", "sClass": "text-center" }
           ],
            "columnDefs": [{
            "width": "5%",
            "targets": 0,
            'render': function(data, type, full, meta) {
                var cekObat = full.stock;
                return '<div class=""> <label><input type="checkbox" name="select_obat[]" ' + (cekObat == 0 ? "disabled" : "") + '  class="toggle" value="' + $('<div/>').text(data).html() + '"></label></div>';
            },
        },
        {
            "width": "40%",
            "targets": 1,
        },
        {
            "width": "15%",
            "targets": 2,
            "render": function(data, type, full, row, meta) {
                var cekObat = (full.stock == 0 ? "<label class='text-danger'>Stock Null</label>" : "");
                var stock = full.stock;
                if (type === 'display') {
                    data = '<input type="text" class="form-control add-jml" name="jumlah_obat[]" maxlength="4" max="' + stock + '"size="4" placeholder="" disabled> ' + cekObat;
                }
                return data;
            }
        },
        {
            "width": "20%",
            "targets": 3,
        },
        {
            "width": "20%",
            "targets": 4,
        }
    ]
});

$("#dt-obat-proses").on('change', '.toggle', function(e) {
   $(this).closest('tr').find(':text').not(this).prop('disabled',!this.checked);
   $(this).closest('tr').find(':text').not(this).prop('checked', false);
});