Javascript 继续超链接前的数据表验证

Javascript 继续超链接前的数据表验证,javascript,jquery,datatables-1.10,Javascript,Jquery,Datatables 1.10,我有以下数据表: $('#tabelOferte').DataTable({ "lengthMenu": [[10, 25, -1], [10, 25, "All"]], "aaSorting": [[0,'desc'], [0,'desc']], processing: true, serverSide: true, ajax: { "url": 'ajaxTabelOferte', "type": "GET",

我有以下数据表:

$('#tabelOferte').DataTable({
    "lengthMenu": [[10, 25, -1], [10, 25, "All"]],
    "aaSorting": [[0,'desc'], [0,'desc']],
    processing: true,
    serverSide: true,
    ajax: {
        "url":  'ajaxTabelOferte',
        "type": "GET",
    },
    columns: [
        {data:'id', name:'id', "visible": false,  "bSearchable": false },
        {data: 'number' ,name: 'numar'},  
        {data: 'actions', name: 'Actions', "bSearchable": false,
            "fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                $(nTd).html("<a href=edit/"+oData.id+">" + "<Edit>" + </a>"+
                    "&nbsp"+
                    "<a href=print/"+oData.id+">" + "Print" + "</a>"
                )
            },
        }
    ],
});
$('tabelOferte')。数据表({
“长度菜单”:[[10,25,-1],[10,25,“全部”],
“aaSorting”:[[0,'desc'],[0,'desc'],
处理:对,
服务器端:是的,
阿贾克斯:{
“url”:“ajaxTabelOferte”,
“类型”:“获取”,
},
栏目:[
{数据:'id',名称:'id',“可见”:false,“可搜索”:false},
{数据:'number',名称:'numar'},
{数据:'actions',名称:'actions','bsearcable':false,
“fnCreatedCell”:功能(nTd、sData、oData、iRow、iCol){
$(nTd).html(“”)+
“ ”+
""
)
},
}
],
});
在最后一列中有两个链接

我想知道,如果用户单击第一个链接(编辑),首先启动一个java脚本函数来进行一些验证,并且只有验证确定后才能获得链接

如果这可以使解决方案更简单,那么将链接放在单独的单元格中也可以

如何插入对java脚本函数的调用


谢谢你抽出时间

当用户单击第一个链接(编辑)时,您想检查一些验证

解决方案:

  • 首先,删除超链接
    href
    编辑链接
  • 其次,在编辑链接
    上应用一个函数,单击
    事件以检查验证
检查以下代码:

$(文档).ready(函数(){
重画例外(4)
})
函数重绘异常(周限制){
var testdata=[{
“col1”:“1”,
“col2”:“9908”,
“col3”:“171.74”,
}, {
“col1”:“2”,
“col2”:“9959”,
“col3”:“156.83”,
}, {
“col1”:“3”,
“col2”:“457”,
“col3”:“153.83”,
}, {
“col1”:“4”,
“col2”:“452”,
“col3”:“147.73”,
}, {
“col1”:“5”,
“col2”:“9927”,
“col3”:“141.90”,
}];
$('#testTable').DataTable({
“aaData”:testdata,
栏目:[
{数据:'col1',名称:'col1',“可见”:false,“可搜索”:false},
{数据:'col2',名称:'col2'},
{
数据:'col3',名称:'col3','bSearchable':false,
“fnCreatedCell”:功能(nTd、sData、oData、iRow、iCol){
$(nTd).html(“”)+
“ ”+
""
)
},
}
]
});
}
函数editValidate(editID){
警报('在此处检查一些验证:'+editID);
}
p{
颜色:红色;
}

点击“编辑”链接检查下面的验证功能

可乐 可乐 可乐
当用户单击第一个链接(编辑)时,您想检查一些验证

解决方案:

  • 首先,删除超链接
    href
    编辑链接
  • 其次,在编辑链接
    上应用一个函数,单击
    事件以检查验证
检查以下代码:

$(文档).ready(函数(){
重画例外(4)
})
函数重绘异常(周限制){
var testdata=[{
“col1”:“1”,
“col2”:“9908”,
“col3”:“171.74”,
}, {
“col1”:“2”,
“col2”:“9959”,
“col3”:“156.83”,
}, {
“col1”:“3”,
“col2”:“457”,
“col3”:“153.83”,
}, {
“col1”:“4”,
“col2”:“452”,
“col3”:“147.73”,
}, {
“col1”:“5”,
“col2”:“9927”,
“col3”:“141.90”,
}];
$('#testTable').DataTable({
“aaData”:testdata,
栏目:[
{数据:'col1',名称:'col1',“可见”:false,“可搜索”:false},
{数据:'col2',名称:'col2'},
{
数据:'col3',名称:'col3','bSearchable':false,
“fnCreatedCell”:功能(nTd、sData、oData、iRow、iCol){
$(nTd).html(“”)+
“ ”+
""
)
},
}
]
});
}
函数editValidate(editID){
警报('在此处检查一些验证:'+editID);
}
p{
颜色:红色;
}

点击“编辑”链接检查下面的验证功能

可乐 可乐 可乐
将单击处理程序添加到锚定标记,该锚定标记调用验证函数并返回结果

"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                $(nTd).html("<a href=edit/"+oData.id+
                    "onClick='return validate();'>" + "<Edit>" + </a>"+
                    "&nbsp"+
                    "<a href=print/"+oData.id+">" + "Print" + "</a>"
                )
            }

function validate(){
  // ...add validation logic here...
  // return as boolean
  return result
}
“fnCreatedCell”:功能(nTd、sData、oData、iRow、iCol){
$(nTd).html(“”)+
“ ”+
""
)
}
函数验证(){
//…在此处添加验证逻辑。。。
//返回为布尔值
返回结果
}
工作示例:

将单击处理程序添加到锚定标记,该锚定标记调用验证函数并返回结果

"fnCreatedCell": function (nTd, sData, oData, iRow, iCol) {
                $(nTd).html("<a href=edit/"+oData.id+
                    "onClick='return validate();'>" + "<Edit>" + </a>"+
                    "&nbsp"+
                    "<a href=print/"+oData.id+">" + "Print" + "</a>"
                )
            }

function validate(){
  // ...add validation logic here...
  // return as boolean
  return result
}
“fnCreatedCell”:功能(nTd、sData、oData、iRow、iCol){
$(nTd).html(“”)+
“ ”+
""
)
}
函数验证(){
//…在此处添加验证逻辑。。。
//返回为布尔值
返回结果
}
工作示例: