Handsontable - 输入验证,限制为包括小数点在内的数字

Posted

技术标签:

【中文标题】Handsontable - 输入验证,限制为包括小数点在内的数字【英文标题】:Handsontable - Input validation, limit to numbers including decimal points 【发布时间】:2012-12-19 02:58:00 【问题描述】:

我正在使用 Handsontable jQuery 插件来构建一个类似网格的 excel。最后,我必须将此表数据保存到一个 excel 文件中。我正在使用 ASP.NET。

我的问题: 我想限制表格的所有单元格只取包括小数点在内的数字。我打算使用 OnBeforeChange 回调。我坚持严格执行此验证,因为单元格不是输入框(因此,我不能使用 jQuery.numeric 插件或类似插件)。我是否必须从头开始使用数学函数和代码,还是有其他更简单的方法来完成此操作?

提前致谢

【问题讨论】:

【参考方案1】:

您必须向列添加数字属性:

jQuery( '#dataTable').handsontable(
    data: data,
    ...,
    columns: [
        
            // To allow only numbers 
            type: 'numeric', 
            // Mask, if you enter 0 it will display 0.00,
            // if you enter 4 it will display 4.00
            // if you enter .5 it will display 0.50
            // if you enter 4.5 it will display 4.50
            // if you enter NaN it will display 0.00
            format: '0.00' 
        
    ]
);

Handsontable 使用 Numeral.js 来格式化数字,你可以在这里查看:http://numeraljs.com/

【讨论】:

以上是关于Handsontable - 输入验证,限制为包括小数点在内的数字的主要内容,如果未能解决你的问题,请参考以下文章

从外部提交 Handsontable 中的更改

handsontable如何如何启用验证器

如何为 Handsontable 中的每一列定义自定义验证器

Handsontable 如何手动将单元格设置为无效

提高 Handsontable 验证响应能力

handsontable一次复制只能限制N条怎么实现