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